[jQuery] Bei Klick auf hidden li...

D

Dustin84

Erfahrenes Mitglied
Hallo,

ich habe folgendes Konstrukt:
Code: 
<div id="container">
	<ul style="display:none;">
  	<li>inhalt 1</li>
  	<li>inhalt 2</li>
  </ul>
</div>

Wie kann ich nun das li ansprechen?

So, klappt es nicht:
Code: 
	$('#container li').click(function() {
		alert("sdfsf");
	});

Das display:none ist wohl der Grund.

Was kann ich da machen, damit die ausgeblendeten Elemente nicht ignoriert werden?

Gruß
D.
 
Hi,

was meinst damit, dass die ausgeblendeten Elemente ignoriert werden?

Wenn ich sie einblende, funktioniert auch das Klick-Event.
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese" />
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
$(function(){
  $('#container li').click(function() {
    alert("sdfsf");
  });
});
//-->
</script>
</head>
<body>
<button onclick="$('ul').show();">show</button>
<div id="container">
  <ul style="display:none;">
    <li>inhalt 1</li>
    <li>inhalt 2</li>
  </ul>
</div>
</body>
</html>
Soll der Klick auf das versteckte LI-Element erfolgen, so musst du das programmatisch lösen, z.B.
Code: 
<button onclick="$('#container li:first').trigger('click');">click li_1</button>
Damit wird ein Klick auf das erste LI-Element ausgelöst.

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück