[jQuery] toggle i niedzialajace linki Opcje

[wiewiorek]

Mam pytanie jak zmusic toggle zeby linki w elemencie do ktorego mam przypisany skrypt jquery dzialaly - to znaczy zeby po kliknieciu na link po prostu otwierala sie strona, bo obecnie po kliknieciu na link nic sie nie dzieje:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function() {
 
	$("#menu li ul").hide(); 
 
	$("#menu li").toggle(
        function () {
		$(this).children("ul").show();
        },function(){
		$(this).children("ul").hide();
	});
 
});
</script>
 
<ul id="menu">
	<li>aa
		<ul>
			<li><a href="/">aa2</a></li>
			<li><a href="/">aa3</a></li>
		</ul>
	</li>
	<li>bb
		<ul>
			<li><a href="/">bb2</a></li>
			<li><a href="/">bb3</a></li>
		</ul>
	</li>
</ul>
[HTML] pobierz, plaintext 

[erix]

Puść gdzieś to na żywo, bo powinno działać.

[wiewiorek]

tzn. na serwerze bedzie dzialac ?

[erix]

Nie...

Czytaj czasem przyklejone wątki: Temat: [JavaScript] jesli Twoj watek go dotyczy, KONIECZNIE przeczytaj

[wiewiorek]

Link: http://hjkl3.friko.pl/

[dg2001]

Przecież działa jak klikniesz na aa to ci się pojawia pod nim resztę, i tak samo jak klikniesz na bb

[wiewiorek]

Ale kliknij na np. 'aa2' - nie następuje przeładowanie strony, a ja chcę żeby wyświetliła się strona z linku przypisanego do 'aa2'

[tomekpl]

Ale kliknij na np. 'aa2' - nie następuje przeładowanie strony, a ja chcę żeby wyświetliła się strona z linku przypisanego do 'aa2'

Jak linkujemy to zazwyczaj wypełniamy parametr href="'
Takie zastosowanie:

[HTML] pobierz, plaintext 
<a href="http://www.forum.php.pl">Forum PHP</a>
[HTML] pobierz, plaintext 

[dg2001]

a dlaczego masz taki ten link "/"

[HTML] pobierz, plaintext 
<a href="/">aa3</a>
[HTML] pobierz, plaintext 

Gdzie on ma cie przenieść

@everth
Dokładnie a myślałem że mi się coś po krzaczyło

Ten post edytował dg2001 28.07.2010, 20:47:39

[everth]

Przecież tam nie ma żadnego linku.

[wiewiorek]

Dobra wstawiłem Wam normalny link i wciąż nie działa.

[everth]

Strzelam że to może być spowodowane dodatkowymi skryptami którymi ten hosting obkleja twoją stronę. Spróbuj tak:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
	$('a').unbind();
});
[JAVASCRIPT] pobierz, plaintext 

Albo sprawdź pod innym hostingiem

[athei]

Użyj tego

[JAVASCRIPT] pobierz, plaintext 
  $("#menu li ul").hide(); 
 
  var clicked = false;
  $('#menu li').bind("click", function(evt)
  {
	if(clicked) clicked = false;
	else clicked = true;
	if (clicked) {
	  $(this).children("ul").show();
	}
	if(!clicked){
		$(this).children("ul").hide();
	}	
  });
[JAVASCRIPT] pobierz, plaintext 

albo tego

[JAVASCRIPT] pobierz, plaintext 
$("#menu li ul").hide();
$('a.klik').click(function() {
  $(this).next().toggle();
});
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<ul id="menu">
	<li>
    <a class="klik">aa</a>
		<ul>
			<li><a href="http://www.google.pl">aa2</a></li>
			<li><a href="/">aa3</a></li>
		</ul>
	</li>
	<li>
    <a class="klik">bb</a>
		<ul>
			<li><a href="/">bb2</a></li>
			<li><a href="/">bb3</a></li>
		</ul>
	</li>
</ul>
[HTML] pobierz, plaintext 

Ten post edytował athei 28.07.2010, 21:38:41