Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript]Jquery Click nie dziala., Problem nie zostal rozwiazany
Raven1122
post 10.11.2012, 17:25:35
Post #1





Grupa: Zarejestrowani
Postów: 369
Pomógł: 2
Dołączył: 1.11.2010

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

Witam mam taki kod java script:

[HTML] pobierz, plaintext 
  1. $(document).ready( function() {
  2. 	$('ul.menu li').click(function() {
  3. 		var $id = $(this).attr('id');
  4. 		var $content = $('ul#' + $id).html();
  5. 		$('ul.menu li').removeClass("active");
  6. 		$(this).addClass("active");
  7. 		$('.submenu').html($content);
  8. 	});
  9. 	$("ul.submenu li a").bind('click', function(event) {
  10. 		var $link = $(this).attr('href');
  11. 		$('#content').load($link);
  12. 		event.preventDefault();
  13. 	});
  14. });
[HTML] pobierz, plaintext



Menu normalnie dziala, czyli po kliknieciu pozycji w menu zas po kliknieciu pozycji w submenu przenosi poprostu do adresu do ktorego kieruje, i nie wykonuje zadnej instrukcji z

$("ul.submenu li a").bind('click', function(event) {
var $link = $(this).attr('href');
$('#content').load($link);
event.preventDefault();
});

refresh

Ten post edytował Raven1122 10.11.2012, 18:15:53
Go to the top of the page
+Quote Post
lobopol
post 10.11.2012, 17:42:36
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

Pokaż online wraz z html.


--------------------
pehap.pl - moje portfolio
Go to the top of the page
+Quote Post
Raven1122
post 10.11.2012, 18:16:17
Post #3





Grupa: Zarejestrowani
Postów: 369
Pomógł: 2
Dołączył: 1.11.2010

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

mam to na localhoscie a nie mam serwera zaraz wstawie html 

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. 	<meta http-equiv="Content-Language" content="pl" />
  5. 	<meta name="Keywords" content="" />
  6. 	<meta name="Description" content="" />
  7. 	<meta name="Robots" content="NOINDEX, NOFOLLOW" />
  8. 	<meta name="Author" content="Michal Staniewski" />
  9. 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  10. 	<script src="jscripts/menu.js"></script>
  11. 	  <link rel="stylesheet" href="css/admin.css" type="text/css" />
  12. 	<title>MusicStack - Panel Administratora</title>
  13. </head>
  14. <body>
  15.  
  16. <div id="container">
  17. 	<ul class="menu">
  18. 		<li id="home">Strona Główna</li>
  19. 		<li id="forum">Forum</li>
  20. 		<li id="newsy">Newsy</li>
  21. 		<li id="articles">Artykuły</li>
  22. 		<li id="settings">Ustawienia</li>	
  23. 	</ul>
  24. 	<ul class="submenu"></ul>
  25. 	<div id="content"></div>
  26. </div>
  27. </body>
  28. </html>
  29. <ul id="forum" style="display:none;">
  30. <li><a href=''>Zarządzaj Kategoriami</a></li>
  31. <li><a href='pages.php?page=addforum'>Dodaj Forum</a></li>
  32. <li><a href=''>Ustawienia Forum</a></li>
  33. </ul>
  34. <ul id="newsy" style="display:none;">
  35. <li><a href=''>Dodaj Newsy</a></li>
  36. <li><a href=''>Edytuj Newsy</a></li>
  37. <li><a href=''>Usuń Newsy</a></li>
  38. <li><a href=''>Ustawienia Newsów</a></li>
  39. </ul>
  40. <ul id="articles" style="display:none;">
  41. <li><a href=''>Dodaj Artykuł</a></li>
  42. <li><a href=''>Edytuj Artykuł</a></li>
  43. <li><a href=''>Usuń Artykuł</a></li>
  44. <li><a href=''>Ustawienia Artykułów</a></li>
  45. </ul>
[HTML] pobierz, plaintext


odswiezam

refresh
Go to the top of the page
+Quote Post
Dominis
post 10.11.2012, 19:13:36
Post #4





Grupa: Zarejestrowani
Postów: 77
Pomógł: 19
Dołączył: 13.02.2010

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

[PHP] pobierz, plaintext 
  1.  
  2. $("ul.submenu li a").bind('click', function(event) {
  3. var $link = $(this).attr('href');
  4. $('#content').load($link);
  5. event.preventDefault();
  6. return false; //blokuje przejscie do href
  7. });
[PHP] pobierz, plaintext


Nie pamiętam czy bind działa na dynamicznych elementach...
Można spróbować funkcje on
[PHP] pobierz, plaintext 
  1. $("ul.submenu").on('click', ' li a',function(event) {
  2. var $link = $(this).attr('href');
  3. $('#content').load($link);
  4. event.preventDefault();
  5. return false; //blokuje przejscie do href
  6. });
  7.  
  8.  
[PHP] pobierz, plaintext



--------------------
www.maxcode.pl
Go to the top of the page
+Quote Post
Raven1122
post 10.11.2012, 19:19:50
Post #5





Grupa: Zarejestrowani
Postów: 369
Pomógł: 2
Dołączył: 1.11.2010

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

dalej nic sie nie dzieje
Go to the top of the page
+Quote Post
Dominis
post 10.11.2012, 19:33:53
Post #6





Grupa: Zarejestrowani
Postów: 77
Pomógł: 19
Dołączył: 13.02.2010

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

daj sobie nowsza wersje jquery
[PHP] pobierz, plaintext 
  1. http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
[PHP] pobierz, plaintext

bo ta co masz
[PHP] pobierz, plaintext 
  1. 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
[PHP] pobierz, plaintext

jest stara..


--------------------
www.maxcode.pl
Go to the top of the page
+Quote Post
Raven1122
post 10.11.2012, 19:36:35
Post #7





Grupa: Zarejestrowani
Postów: 369
Pomógł: 2
Dołączył: 1.11.2010

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

ok, teraz click reaguje, tylko teraz nie chce zaladowac pliku z href
Go to the top of the page
+Quote Post
Dominis
post 10.11.2012, 19:42:37
Post #8





Grupa: Zarejestrowani
Postów: 77
Pomógł: 19
Dołączył: 13.02.2010

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

przewaznie href masz puste, wiec nie ma czego ladowac.
zainstaluj sobie firebuga, lub uruchom chrome i tam masz console do js.
Zobacz jaki błąd Ci sie wyswietla, po kliknieciu w submenu...


--------------------
www.maxcode.pl
Go to the top of the page
+Quote Post
Raven1122
post 10.11.2012, 19:56:14
Post #9





Grupa: Zarejestrowani
Postów: 369
Pomógł: 2
Dołączył: 1.11.2010

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

klikam addforum ktore ma napisane w href zeby zaladowalo php pgaes.php

[HTML] pobierz, plaintext 
  1. $("ul.submenu").on('click', function(event) {
  2.     var $link = $(this).attr('href');
  3.     $('#content').load($link);
  4.     event.preventDefault();
  5.     });
[HTML] pobierz, plaintext


No i wciaz jest problem bo: na kliknieciu jest ul.submenu w tym momencie nie przenosi, ale jak dal do tego ul.submenu li a to juz przenosi do linku, a ja potrzebuje atrybut elementu a nie submenu wiec musze miec ul.submenu li a wiec nie bylo to poprawne rozwiazanie
Go to the top of the page
+Quote Post
Dominis
post 10.11.2012, 20:00:23
Post #10





Grupa: Zarejestrowani
Postów: 77
Pomógł: 19
Dołączył: 13.02.2010

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

[HTML] pobierz, plaintext 
  1. $("ul.submenu").on('click', ' li a',function(event) {
  2. var $link = $(this).attr('href');
  3. $('#content').load($link);
  4. event.preventDefault();
  5. return false; //blokuje przejscie do href
  6. });
[HTML] pobierz, plaintext


ja podalem cos takeig, a to bylo poprawnym rozwiazaniem.

zobacz do konsoli js jakie bledy masz,
zawsze mozesz sobie w kod wpisac console.log($link); i dowiesz sie co Ci pobiera..


--------------------
www.maxcode.pl
Go to the top of the page
+Quote Post
Raven1122
post 10.11.2012, 20:03:29
Post #11





Grupa: Zarejestrowani
Postów: 369
Pomógł: 2
Dołączył: 1.11.2010

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

w konsoli nie mam zadnych bledow, zaraz sprawdze to rozwianaznie

Dziala smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 23.05.2025 - 05:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn