按钮问题

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属性吗？或者它只有一个名为“myButton”的name属性。为了跨浏览器工作，id属性是必需的，而name是可选的（只有IE和Opera AFAIK）。

N.B。：我的回答可能看似白痴，但原始海报并没有在问题中添加代码示例（查看编辑历史记录）。

Answer 3

我最好的猜测是你有其他input具有相同的ID？尝试使用类，或者使用jQuery的CSS选择器，例如$('input[type=button]')。

如果您还没有为FireFox安装FireBug插件（http://www.getfirebug.com/），我还建议您安装。它可以帮助您调试像这样的JavaScript问题，还有更多。