Désactiver (et re-activer le href et onclick sur les éléments

Je veux juste activer /désactiver href onclick et sur les éléments (un ou div).

Je ne sais pas comment faire.

Je peux désactiver onclick par l'ajout d'un gestionnaire de clic de l'événement, mais le href est toujours disponible.

 
$(this).unbind().click(function(event){
     event.preventDefault();
     return;
});

Modifier TROUVÉ UN HACK POUR UN des ÉLÉMENTS


if ($(this).attr("href")) {
     $(this).attr("x-href", $(this).attr("href"));
     $(this).removeAttr("href");
}
  • C'est assez vague question. Qu'est-ce exactement que vous essayez de faire? Supprimer la href bien ainsi?
  • Ok, désolé 😉 je veux juste être en mesure (en cliquant sur un bouton), pour activer / désactiver tous les liens (cliquez sur ou href) sur les éléments (div ou un)
InformationsquelleAutor jibees | 2011-01-07
  1. 6

    Si vous retournez false sur l'événement onclick, le href est irgnored.

    1. Il ira à Goole: <a
      href="http://www.google.com"
      onclick="alert('Go to
      Google')">Test</a>

    2. Cela ne va pas aller sur Google: <a href="http://www.google.com" onclick="alert('Go to Google'); return false;">Test</a>

    • la deuxième ligne de commande: <a href="google.com" onclick="alert('Aller sur Google');return false;">Test</a>
    • merci. Maintenant corrigé
    InformationsquelleAutor wosis
  2. 5

    Ok j'ai trouvé une solution : mettre une surcouche au-dessus de la div contenant tous les éléments que je voulais désactiver ..
    Il fonctionne, tout simplement.

    • +1 Hacky, mais si simple...
    • Ou utiliser le $("#divId").hide(); $("#divId").show(); Merci pour l'idée 😉
    InformationsquelleAutor jibees
  3. 2

    Vous pouvez essayer les suivantes:

    $('a, div').click(
    function(e){
    return false;
        //cancels default action *and* stops propagation

    //or e.preventDefault;
       //cancels default action without stopping propagation
});

    MDC documentation de preventDefault, jQuery documentation de événement.preventDefault.

    DONC, la question: JavaScript événement.preventDefault et return false.

    Je ne suis pas sûr que le problème de la "href encore disponibles," depuis le click événement est annulé; toutefois, si vous souhaitez supprimer le href de a éléments:

    $('a[href]').attr('href','#');

    les supprimer (ou, plutôt, remplacez l'URL avec un #).

    Édité en réponse au commentaire (à la question) par l'OP:

    Ok, désolé 😉 je veux juste être en mesure (en cliquant sur un bouton), pour activer /désactiver tous les liens (cliquez sur ou href) sur les éléments (div ou une)

    $('#buttonRemoveClickId, .buttonClassName').click(
function() {
    $('a, div').unbind('click');
});
$('#buttonReplaceClickId, .buttonOtherClassName').click(
function() {
    $('a, div').bind('click');
});
    • J'ai trouvé une solution pour l'un des éléments qui consistent à placer le href de la valeur en x href attributs pour le réactiver). Mais comment puis-je réactiver le gestionnaire onclick ?
    InformationsquelleAutor David Thomas
  4. 1

    Essayez ceci pour la désactiver, cliquez sur:

    $(this).unbind('click');

    InformationsquelleAutor Diablo
  5. 0

    Vous pouvez définir la href attribut directement à "" pour empêcher l'origine d'apparaître dans la barre d'état, si c'est ce que vous demandez.

    $(this).unbind().click(function(event){
     event.preventDefault();
}).attr("href", "");

    Sinon, un event.preventDefault() déjà arrête de liens cliquables.

    InformationsquelleAutor David Tang