Problème de lien dans jQuery

Motel
Javascript

Bonjour,

Voila je rencontre un petit problème avec mon code, j'ai créer un menu dropdown en html/css et j'ai ajouter un peux de jquery mais depuis que j'ai ajouter le code js les lien du menu déroulant ne fonctionne pas.

Ce que je fais

Voici mon code jQuery 

// Popup menu
$(document).ready(function() {

    $("#menu-user").click(function(){

    $(".menu-dropdown").fadeToggle(300);

        return false;

    });

    //Document Click hiding the popup 
    $(document).click(function() {

        $(".menu-dropdown").hide();

    });

    //Popup on click
    $(".menu-dropdown").click(function() {

    return false;

    });

});

Je tiens à preciser que je suis vraiment nul en js merci pour votre aide ;)

2 réponses

Lartak

Bonjour.
C'est sur que si tu stoppes totalement le comportement du navigateur sur ton élément, il ne se passe rien.
Dans ce code :

$(".menu-dropdown").click(function() {
    return false;
});

Lors du click sur un élément ayant la classe menu-dropdown, tu empèches le comportement par défaut du navigateur.
Donc tous les liens qui se situent dans un élément ayant la classe menu-dropdown, ne feront rien, ils ne dirigeront pas l'utilisateur vers la page du lien.
Puisque tu utilises jQuery, je te conseille vivement de regarder Tutoriel Vidéo jQuery » jQuery.on().

Motel
Auteur

Salut, merci voici ce que j'ai fait est cela fonctionne ;)

    //Popup on click
    $(".ul-dropdown").on('click', '.menu-dropdown', function(e) {

        return false;

    });