jQuery sélecteur onclick ne fonctionne pas

Question

$ ("entrée [type 'bouton' =] [onclick =^'save']")

et il travaille en FF mais sur IE ...

Il y a quelque chose qui cloche avec la partie sélecteur onclick. Existe-t-il un moyen de contourner le problème des navigateurs?

Merci Pawel

modifier:

$("img[src$='scroll.gif']").click(function(){ 
    var targetOffset = $("input[type='button'][onclick^='save']").offset().top; 
    $("html,body").animate({scrollTop: targetOffset}, 400); 
}); 

Answer 1

Vous pouvez créer un sélecteur personnalisé (probablement très inefficace si):

$.extend($.expr[':'], { 
    onclick: function(node, index, args, stack) { 
    var events = $(node).data('events'); 
    var fn = args[3]; 
    if (!events || !events.click) return false; 
    for (i in events.click) { 
     if (events.click[i].name == fn) return true; 
    } 
    return false; 
    } 
}); 

$("input[type='button']:onclick('save')") 

function.name ne fonctionne pas dans IE, donc vous devrez sauter par un autre crochet en utilisant toString() et regexps. Dans l'ensemble, il vaut mieux conserver manuellement une liste de noms de gestionnaires d'événements.

Modifier: en regardant votre extrait de code, il semble y avoir aucune raison de chercher des gestionnaires d'événements. Au lieu de lancer des sélecteurs d'attribut de manière extravagante, utilisez des classes et des identifiants pour adresser vos éléments d'une manière sémantiquement significative, par ex.

<img id="scroll-icon" src="icons/scroll.gif" /> 
<input id="submit-button" type="submit" onclick="save();" /> 

puis

$("#scroll-icon".click(function(){ 
    var targetOffset = $("submit-buttton").offset().top; 
    $("html,body").animate({scrollTop: targetOffset}, 400); 
}); 

Answer 2

Il devrait ressembler à:

$("input[type=button]").click(function(){ 
//do something 
}); 

Vous devez mettre cela en document ready fonction

EDIT est ce que vous voulez ?

$('img[src="scroll.gif"]').click(function(){ 
     var targetOffset = $(this).offset().top; 
     $("html,body").animate({scrollTop: targetOffset}, 400); 
    }); 

Answer 3

Avez-vous plus d'un bouton qui est un bouton de sauvegarde? Si non, pourquoi n'attribuez-vous pas simplement un identifiant à votre bouton? Cela rend beaucoup plus simple, et le sélecteur d'identifiant, qui enveloppe document.getElementById() est très multiplate-forme. Ensuite, tout ce dont vous avez besoin est $("#buttonID").

EDIT: Compte tenu des critères de l'OP, je suggère une classe (juste pour une utilisation comme un sélecteur) comme "jumpToSave". Chaque bouton doit avoir cette classe, puis le sélecteur peut utiliser $(".jumpToSave")

Answer 4

Vous ne pouvez pas rechercher une valeur comme celle-là dans les attributs d'événement. Le navigateur crée une fonction à partir de la valeur de chaîne dans l'attribut.

Si vous avez un attribut comme ceci:

onclick="save();" 

L'attribut contient une référence de fonction plutôt qu'une chaîne. Si vous lisez l'attribut et obtenez la valeur sous forme de chaîne, vous obtenez le code de la fonction.

Lors de la lecture de la valeur d'attribut dans Firefox, c'est ce que vous obtenez:

function onclick(event) { save(); } 

Lors de la lecture de l'attribut dans Internet Explorer, c'est ce que vous obtenez:

function onclick(){save();} 

Vous devez utiliser un autre attribut pour identifier le bouton.