проблема с кнопкой

Question

Я использую функцию JQuery, нажмите:

Код кнопки:

<input type="button" id="myButtton"> 

Jquery код:

$(document).ready(function(){ 
    $("#myButtton").click(function(){ 
     alert("Mybutton"); 
    }); 

Этот код работает в Internet Explorer, но не работает в Firefox ,

Что я делаю неправильно?

Answer 1

В коде:

$(document).ready(function(){ 
    $("#myButtton").click(function(){ 
     alert("Mybutton"); 
    }); 

Я считаю, что не хватает еще закрывающую скобку:

$(document).ready(function(){ 
    $("#myButtton").click(function(){ 
     alert("Mybutton"); 
    }); 
}); 

Answer 2

Уверен, что элемент имеет атрибут id? Или он имеет только атрибут name со значением «myButton». Для работы кросс-браузера атрибут id является обязательным, тогда как имя необязательно (только IE и Opera AFAIK).

N.B.: Мой ответ может показаться идиотом, но это был не оригинальный плакат, который добавил пример кода в вопрос (просмотреть историю изменений).

Answer 3

Мое лучшее предположение, что у вас есть другие input с тем же ID? Вместо этого попробуйте использовать классы или вместо этого используйте селектор CSS jQuery, например, $('input[type=button]').

Я также рекомендую установить плагин FireBug для FireFox, если вы еще этого не сделали (http://www.getfirebug.com/). Это поможет вам отлаживать такие проблемы JavaScript и многое другое.