[jQuery] link che viene ciclato

**techno** · 14-01-2019, 19:29

Ciao a tutti, ho un problema su una serie di link vi posto il code:

codice:

<div class="smenu">
   <a href="#" class="deactive" data-link="link1">Link 1</a>
   <a href="#" class="deactive" data-link="link2">Link 2</a>
   <a href="#" class="deactive" data-link="link3">Link 3</a>
</div>

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>

<script>
$(document).ready(function(){
$(".smenu>a").on("click", function(e){
   e.preventDefault();
   e.stopPropagation();
   alert("1");
)};

});
</script>

il problema è che in questo modo quando clicco su un link "alert" viene visualizzato per tutti i link cioè in questo caso 3 volte, qual'è il motivo?

**m4rko80** · 15-01-2019, 10:43

Ciao, prova a sostituire 'smenu > a' con 'smenu a' e quindi tutti i tag A contenuti in .smenu.
stopPropagation() a meno che non sei all'interno di altro che intercetta un click non dovrebbe servire.

**techno** · 16-01-2019, 01:42

Cosa dovrebbe cambiare senza ">"?

**m4rko80** · 16-01-2019, 17:12

Puoi vedere qui le differenze, https://www.w3schools.com/cssref/css_selectors.asp basta provare e magari banalemente è quello.

**techno** · 18-01-2019, 00:30

Bene ho tolto il maggiore ">" ma come si voleva dimostrare non è cambiato nulla continua a rompermi le scatole con stola fastidioso problema

**m4rko80** · 18-01-2019, 15:17

Questo funziona correttamente

codice:

<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
<div class="smenu">
   <a href="#" class="deactive" data-link="link1">Link 1</a>
   <a href="#" class="deactive" data-link="link2">Link 2</a>
   <a href="#" class="deactive" data-link="link3">Link 3</a>
</div>






<script>


$(document).ready(function(){


$(".smenu a").on("click", function(e){
   e.preventDefault();
   e.stopPropagation();
   alert($(this).data('link'))
})


});






</script>
</body>
</html>

Discussione: [jQuery] link che viene ciclato

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

[jQuery] link che viene ciclato

Permessi di invio