11480 sujets

JavaScript, DOM et API Web HTML5

Bonsoir à tous,

en fait, mon but était de pouvoir cliquer n'importe où sur l'article afin de faire une action particulière comme, par exemple, afficher le détail de l'article. Cela fonctionne à merveille.

Par contre, j'aurai bien aimé pouvoir cliquer sur un élément du menu et que ça exécute l'action demandée dans le menu. Le problème, c'est que quand je clique sur une action du menu, c'est comme s'il considérait que je cliquais n'importe où sur l'article. Donc, c'est le clic n'importe où sur l'article qui l'emporte par rapport au clic sur une action bien précise du menu.

Si vous voulez voir comment réagit le code, voici un lien ci-dessous :

https://codepen.io/thirt/pen/BXqdrO?editors=1000

Merci d'avance pour votre aide.

Bonne soirée,
Thierry
Bonjour à tous,

le problème a pu être résolu. Il a fallu utiliser event.stopPropagation.

Voici ce que j'ai dû modifier dans le code :


$('.container').on('click', '.dropbtn-content .manage-article', function(e){
  e.preventDefault();
  e.stopPropagation();
  alert("j'ai cliqué sur un élément du menu")
});


Bonne journée
Thierry