Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Jquery Click nie dziala.
Forum PHP.pl > Forum > Przedszkole
Raven1122
10.11.2012, 17:25:35
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
lobopol
10.11.2012, 17:42:36
Pokaż online wraz z html.
Raven1122
10.11.2012, 18:16:17
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
Dominis
10.11.2012, 19:13:36 
[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

Raven1122
10.11.2012, 19:19:50
dalej nic sie nie dzieje
Dominis
10.11.2012, 19:33:53
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..
Raven1122
10.11.2012, 19:36:35
ok, teraz click reaguje, tylko teraz nie chce zaladowac pliku z href
Dominis
10.11.2012, 19:42:37
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...
Raven1122
10.11.2012, 19:56:14
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
Dominis
10.11.2012, 20:00:23 
[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..
Raven1122
10.11.2012, 20:03:29
w konsoli nie mam zadnych bledow, zaraz sprawdze to rozwianaznie

Dziala smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.