souci avec li:has(ul)

**justundev** · 06/04/2011, 13h27

Bonjour,

j'ai un souci avec un micro bout de code dans un contexte d'utilisation très banal.

index.html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
	<div id="menu_vertical">
 
		<ul>
			<li><a href="#">item 1</a>
				<ul>
				<li><a href="#">ss - item 1</a></li>
				<li><a href="#">ss - item 2</a></li>
				</ul>
			</li>
			<li><a href="#">item 2</a>
				<ul>
				<li><a href="#">ss - item 1</a></li>
				<li><a href="#">ss - item 2</a></li>
				<li><a href="#">ss - item 3</a></li>
				</ul>
			</li>
		</ul>
 
	</div>

et le script d'un plugin

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
                $('li:has(ul)', $$).click(function() {
 
			alert('test');
			if( $('ul', $(this)).css('display') == 'none' )
			{
				$('ul:not(:has(ul))', $$).slideUp();
				$('ul', $(this)).slideDown();
			}
			else
				$('ul', $(this)).slideUp();
 
 
		});

Lorsque je clique sur un li sans ul enfant, je passe quand même dans l'évènement (l'alert se déclenche). Est-ce normal ??

Merci pour vos avis

**SpaceFrog** · 06/04/2011, 13h59

stop propagation ....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script type="text/javascript">
$(function(){
$("li:has(ul)").click(function(event){
alert('top') });
 
$('li').click(function(event){event.stopPropagation();})
})
 
</script><style type="text/css">
a:link {text-decoration:none;
        color:black; }
</style>
 
</head>
 
<body>
	<div id="menu_vertical">
 
		<ul>
			<li>not me</li>
			<li><a href="#">item 1</a>
				<ul>
				<li><a href="#">ss - item 1</a></li>
				<li><a href="#">ss - item 2</a></li>
				</ul>
			</li>
			<li><a href="#">item 2</a>
				<ul>
				<li><a href="#">ss - item 1</a></li>
				<li><a href="#">ss - item 2</a></li>
				<li><a href="#">ss - item 3</a></li>
				</ul>
			</li>
		</ul>
 
	</div>

**justundev** · 06/04/2011, 14h26

J'ignorai l'existence de cette fonction.
Merci bien

souci avec li:has(ul)

jQuery

Vue hybride

Discussions similaires

Partager

Partager