no funciona

Question

$ ("input [type = 'botón'] [onclick =^'salvar']")

y funciona en FF, pero en IE ...

Hay algo mal con la parte del selector onclick. ¿Hay alguna manera de hacer una solución alternativa entre navegadores?

Gracias Pawel

edición:

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

Answer 1

Puede crear un selector personalizado (probablemente muy ineficiente sin embargo):

$.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 no funciona en IE, sin embargo, por lo que tendrá que pasar por el otro gancho utilizando toString() y las expresiones regulares. En general, es mucho mejor mantener manualmente una lista de nombres de controladores de eventos.

Editar: mirando su fragmento de código, no parece haber ninguna razón para buscar controladores de eventos. En lugar de lanzar violentamente selectores de atributos, use clases e ID para abordar sus elementos de una manera semánticamente significativa, p.

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

y luego

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

Answer 2

Debe ser como:

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

Debería poner esto en document ready función

EDITAR es esto lo que quieres ?

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

Answer 3

¿Tiene más de un botón que es un botón para guardar? Si no, ¿por qué no simplemente le asigna una identificación a su botón? Eso lo hace mucho más simple, y el selector de id, que se ajusta a document.getElementById(), es muy multiplataforma. Entonces, todo lo que necesita es $("#buttonID").

EDITAR: Dado el criterio de OP, sugeriría una clase (solo para usar como un selector) como "jumpToSave". Cada botón debe tener esa clase, y luego el selector podría usar $(".jumpToSave")

Answer 4

No se puede buscar un valor como ese en los atributos de evento. El navegador crea una función a partir del valor de cadena en el atributo.

Si usted tiene un atributo de esta manera:

onclick="save();" 

El atributo contiene una referencia a una función en lugar de una cadena. Si lees el atributo y obtienes el valor como una cadena, obtienes el código de la función.

Cuando se lee el valor del atributo en Firefox, esto es lo que hay:

function onclick(event) { save(); } 

Al leer el atributo en Internet Explorer, esto es lo que se obtiene:

function onclick(){save();} 

Usted tiene que usar algún otro atributo para identificar el botón.