Jquery .on()无效

时间:2012-07-11 18:38:02

标签: jquery internet-explorer-9

我有以下内容:

<input type="submit" id="submit" value="Submit" />

在jQuery中我有以下内容:

<script type="text/javascript">
$(document).ready(function () {
    $("#submit").on("click", function () { 
        alert('test');
    });
});
</script>

这不起作用。我正在使用IE9。

有谁知道哪个版本的Jquery支持.on()

6 个答案:

答案 0 :(得分:6)

使用此版本的on

$(function(){
   $(document).on("click","#submit", function (e) { 
    //e.preventDefault();  // if you want to prevent default form submission
     alert('test');
   });
});

答案 1 :(得分:2)

确保您加载jQuery.js然后尝试:

$("#submit").click(function(){
   alert("test");
})

答案 2 :(得分:1)

尝试以下替代方案:

 $('#submit').bind('click', function() {
  alert('Test');
});

OR

$("#submit").click(function(){
   alert("Test");
});

答案 3 :(得分:1)

使用“保留”名称作为元素ID时,IE效果不佳。

如果您将输入的ID更改为与“#submit”不同的内容,那么您的代码会很有用,

http://jsfiddle.net/6yAuz/3/

答案 4 :(得分:0)

确保您引用的'submit'元素实际存在于文档加载中。如果你是动态创建它,'on'函数将没有任何东西可以绑定它。

答案 5 :(得分:0)

我在兼容模式下使用IE9时遇到此问题。注意,在常规模式下使用IE9时没有问题。

我能够为刚刚推出的网站进行更彻底的质量保证(时间不允许使用屏幕截图服务进行大量的跨浏览器测试)。将$(&#34;某些&#34;)。(&#34;点击&#34; ...)更改为$(&#34;某些&#34;)。click()修复了问题。