liens non actifs dans show Divisé en jQuery

J'ai un menu div qui affiche/cache en fonction du clic avec jQuery, mais aucun des liens n'est actif quand vous les mettez dedans .. idées?liens non actifs dans show Divisé en jQuery

J'ai seulement un élément dans la liste qui est un lien hypertexte. Une fois que je peux le faire fonctionner, je vais l'ajouter au reste des éléments .. mais ce lien ne fonctionne pas.

jQuery

$(".sign_in").click(function() { 
     $("#sign_box").toggle();  
     return false; 
    }); 
    $("body #main").click(function() { 
     $("#sign_box").hide(); 
     return false; 
    });

CSS

#sign_box 
    { 
    -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 3px 3px; 
    width:170px; 
    background-color:#FFF; 
    border: 5px solid #CCC; 
    padding:8px; 
    position:absolute; 
    display:none; 
    z-index: 100; 
    line-height: 16px; 
    border-bottom-left-radius: 5px 5px; 
    border-bottom-right-radius: 5px 5px; 
    border-top-left-radius: 5px 5px; 
    border-top-top-radius: 5px 5px; 
    color: #555; 
    font-weight: bold; 
    text-decoration: none; 
    -moz-border-radius-topright:6px; 
    -moz-border-radius-bottomleft:6px; 
    -moz-border-radius-bottomright:6px; 
    -webkit-border-top-right-radius:6px; 
    -webkit-border-bottom-left-radius:6px; 
    -webkit-border-bottom-right-radius:6px; 
    } 
    .sign_in 
    { 
    color: White; 
    font-weight: bold; 
    font-size: 16px; 
    text-decoration: none; 
    background-color:#53A1DC; 
    border-bottom-left-radius: 4px 4px; 
    border-bottom-right-radius: 4px 4px; 
    border-top-left-radius: 4px 4px; 
    border-top-top-radius: 4px 4px; 
    border:solid 1px #5ea0c1; 
    padding:6px; 
    } 
    a.sign_in span 
    { 
     background-image: url("../images/toggle_down_light.png"); 
     background-position: 100% 50%; 
     background-repeat: no-repeat; 
     padding-right: 18px; 
    }

HTML

<div><a href="#" class="sign_in"><span>User Options</span></a></div> 
<div id="sign_box"> 
<ul class="account-links"> 
    <li><a href="../raceday/events/list">All Events</a></li> 
    <li>My Events</li> 
    <li>My Profile</li> 
    <li>All Clubs</li> 
    <li>Change My Password</li> 
    <li>My Dependants</li> 
</ul> 
</div>

Source

2010-10-10 Kevin

Que voulez-vous dire par "aucun des liens ne sont actifs quand vous les mettez"? Et maintenant vous n'avez qu'un seul lien, le reste n'est que du texte. – Alec

Je réalise que les autres ne sont pas réellement des liens - celui qui est ne fonctionne pas donc je n'ai pas ajouté les autres ... – Kevin

le retour faux dans vos événements de clic n'arrête pas le comportement d'ancre typique, aussi pas besoin pour définir ce que vous voulez "Actif" qui n'est pas clair. Je vous suggère de supprimer tous les CSS inutiles de la feuille de style et du code HTML afin que nous puissions voir clairement ce que vous essayez de faire. –

Seulement un des éléments est un lien, l'entrée "Tous les événements". Ajoutez la balise d'ancrage au reste ou associez un clic de navigation d'événement via js pour les faire réellement faire quelque chose ...

Si vous avez déjà un code js câblé qui rend les menus des éléments li qui vont quelque part, vous devriez nous montrer ce code aussi ...

Source

2010-10-10 00:18:04 Tahbaza

Je réalise que les autres ne sont pas réellement des liens - celui qui est ne fonctionne pas, donc je n'ai pas ajouté les autres ... – Kevin

liens non actifs dans show Divisé en jQuery

Répondre

Questions connexes