Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery] Rozwijane menu
muumiin
post
Post #1





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 17.09.2014
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Pewnie kolejny podobny temat, ale jakoś nie potrafię ogarnąć...

mam na stronie taki kod
http://jsfiddle.net/jc2e9gjy/

W nagłówku strony wklejam jquery-2.1.1.min.js, a potem mój plik ze skryptami. Na stronie pięknie działają widżety z opcją sortable (jQuery UI), ale ten kod za chiny nie chce działać. Myślałam, że może jest zagnieżdżony i dlatego, ale wkleiłam kod html na sam początek strony i tam też nie działa... Macie pomysł, gdzie może leżeć problem?

Może dodam, że napis Settings wydaje się być nieklikalny.
Go to the top of the page
+Quote Post
Turson
post
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Konsola co mowi?
Go to the top of the page
+Quote Post
muumiin
post
Post #3





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 17.09.2014
Skąd: Kraków

Ostrzeżenie: (0%)
-----


w Mozilli wywala mi tylko ostrzeżenia na to, że są pola haseł na niezabezpieczonej stronie. O javascript nic nie ma.

w Chrome otworzyłam konsolę javascript - też puściutko

Ten post edytował muumiin 10.12.2014, 10:44:51
Go to the top of the page
+Quote Post
slash^
post
Post #4





Grupa: Zarejestrowani
Postów: 278
Pomógł: 36
Dołączył: 9.04.2003
Skąd: Płock

Ostrzeżenie: (0%)
-----


A tak banalnie, czy ten event klika jest dodany w ready() jquery?


--------------------
d(^^)b
Go to the top of the page
+Quote Post
muumiin
post
Post #5





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 17.09.2014
Skąd: Kraków

Ostrzeżenie: (0%)
-----


nie, mogę Ci wyświetlić cały mój kod, jaki mam:

  1. /* moduły */
  2. $(function() {
  3. $( "#sortable" ).sortable({
  4. cancel: ".verticalmods",
  5. placeholder: "place-holder-1",
  6. opacity: 0.8,
  7. revert: 100, //animacja
  8. items: ">li:not(.verticalmods)",
  9. dropOnEmpty: true,
  10. });
  11.  
  12. });
  13.  
  14. $(function() {
  15. $( "#verticalmods" ).sortable({
  16. placeholder: "place-holder-2"
  17. });
  18. });
  19.  
  20. /* moduły settings */
  21.  
  22. $("#settings li").click(function() {
  23. $(this).find("ul").slideToggle("slow");
  24. });
  25.  


Ten post edytował muumiin 10.12.2014, 11:18:36
Go to the top of the page
+Quote Post
slash^
post
Post #6





Grupa: Zarejestrowani
Postów: 278
Pomógł: 36
Dołączył: 9.04.2003
Skąd: Płock

Ostrzeżenie: (0%)
-----


  1. $(function() {
  2. $( "#sortable" ).sortable({
  3. cancel: ".verticalmods",
  4. placeholder: "place-holder-1",
  5. opacity: 0.8,
  6. revert: 100, //animacja
  7. items: ">li:not(.verticalmods)",
  8. dropOnEmpty: true,
  9. });
  10.  
  11.  
  12.  
  13. $( "#verticalmods" ).sortable({
  14. placeholder: "place-holder-2"
  15. });
  16.  
  17. /* moduły settings */
  18.  
  19. $("#settings li").click(function() {
  20. $(this).find("ul").slideToggle("slow");
  21. });
  22.  
  23. });


--------------------
d(^^)b
Go to the top of the page
+Quote Post
Turson
post
Post #7





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Umiesc to tez w $(function() {})
Go to the top of the page
+Quote Post
muumiin
post
Post #8





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 17.09.2014
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Dzięki smile.gif chyba muszę się jeszcze trochę teorii pouczyć wink.gif proszę, wybaczcie, dopiero zaczynam pisać w jQuery... wink.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 11:36