MyCity » Web dizajn / HTML -> JavaScript » jQuery navigation menu

jQuery navigation menu

Napisano na dan: 10.12.2013

jQuery navigation menu
Sledeća strana Pagination

Idi na vrh

Poslao: 10 Dec 2013 16:12
Idi na vrh
offline
  • 100%Milanista
  • Information Technology
  • Pridružio: 23 Avg 2008
  • Poruke: 2634
  • Gde živiš: Milan, Italy

Pozdrav imam jedan problem koji je prost ali jednostavno ja ne vidim u cemu je problem mozak mi ignorise definitivno tu gresku pa makar gledao 100x nijesam uspio.

Imam sledece: http://jsfiddle.net/wp5Z7/2/

I to sve tu radi kako treba. E sad kad to prenesem na desktop i otvorim nece da radi? GUZ - Glavom U Zid

Ne znam u cemu je problem gledao sam 100puta da nisam nesto zaboravio ali dzaba.

<!DOCTYPE html> <html> <head> <style> .highlight { background-color: #F00; color: #FFF; } #thenavigation li { display: inline; padding: 0 10px; } #thenavigation li:hover { cursor: pointer; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $('#thenavigation li').click(function() {     $(this).addClass('highlight').siblings().removeClass('highlight'); }); </script> </head> <body> <div id="thenavigation">     <ul>         <li>Item 1</li>         <li>Item 2</li>         <li>Item 3</li>     </ul> </div> </body> </html>



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 10 Dec 2013 18:14
Idi na vrh
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4575

A gde si ti definisao da ti dokument spremi ovu funkciju? Wink

<!DOCTYPE html> <html> <head> <style> .highlight { background-color: #F00; color: #FFF; } #thenavigation li { display: inline; padding: 0 10px; } #thenavigation li:hover { cursor: pointer; } </style> </head> <script src="http://code.jquery.com/jquery.min.js"></script> <script> $(document).ready(function(){ $('#thenavigation li').click(function() {     $(this).addClass('highlight').siblings().removeClass('highlight'); }); }); </script> <body> <div id="thenavigation">     <ul>         <li>Item 1</li>         <li>Item 2</li>         <li>Item 3</li>     </ul> </div> </body> </html>

Probaj sa ovim Wink A inače zaboravio si na:

$(document).ready(function(){

Na JSFiddle ovo nije potrebno jer se kod ne izvršava kao zaseban dokument niti je potrebno uvođenje jQuery biblioteke pa ni <script> taga.

Arrow Još nešto , preporučujem korišćenje ovog linka za izvor biblioteke jer se tu uvek ažurira poslednja verzija jQuery biblioteke od strane oficijelnog sajta.



Poslao: 10 Dec 2013 18:35
Idi na vrh
offline
  • 100%Milanista
  • Information Technology
  • Pridružio: 23 Avg 2008
  • Poruke: 2634
  • Gde živiš: Milan, Italy

Hvala @E.L.I.T.E.

Kad sam vidjeo sta sam zaboravio lupio sam glavom od sto. Mr. Green

Poslao: 10 Dec 2013 23:57
Idi na vrh
offline
  • C# and PHP Developer
  • Pridružio: 16 Feb 2011
  • Poruke: 1630
  • Gde živiš: Pancevo

@Springfield druze koristi firebug debuger. On ti odma kaze de si zezno stvar! DOM

MyCity » Web dizajn / HTML -> JavaScript » jQuery navigation menu

Ko je trenutno na forumu
 

Ukupno su 1040 korisnika na forumu :: 31 registrovanih, 4 sakrivenih i 1005 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: bladesu, braca57, crnogorac, dankisha, darkangel, darkojbn, Denaya, Djokislav, goxin, joca83, loon123, MiG-29M2, Miki01, milenko crazy north, Milos ZA, nazgul75, nebidrag, raptorsi, S2M, Sančo, shone34, stegonosa, theNedjeljko, Tila Painen, Vlada1389, vladaa012, vladulns, voja64, W123, wizzardone, YugoSlav