jQuery ON事件未在IE8中触发

Question

我制作了这个jsfiddle来演示我的意思，但是不幸的是JSfiddle本身似乎无法与IE8配合使用，因此您需要在独立的页面中测试此jsfiddle代码： http : //jsfiddle.net/4Bdbn/

使用IE8，上述ON事件不会触发，绝对不会发生任何事情。 甚至向该函数添加一个alert（“ hi”）都无济于事； 它不会被调用，而且控制台中没有错误报告。

附带说明一下，当您有多个事件触发同一功能时，例如.on("touchstart click",.... ），是否需要e.preventDefault（）来防止该功能被多次执行？

jQuery 1.8.3版，因此我相信IE8是受支持的浏览器。

PS。 我在浏览器模式IE8中使用IE10。

编辑：我的简单测试页无法在IE8中使用（对我来说）： http : //www.personaltrainer.com.au/test.php

相关代码部分为...

<script type="application/javascript">
$(document).ready(function () {
    $("body").on("click touchstart",".something",function(e) {
        $(this).text($(this).text() + " "+e.type);
        e.preventDefault();
    });
});
</script>

谢谢！

Answer 1

您在脚本标签上使用了无效的type属性（ application/javascript ）。 将其更改为text/javascript或将其全部删除。

这在IE8（实际版本）中可以正常工作

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script>
$(document).ready(function () {
    $("body").on("click touchstart",".something",function(e) {
        $(this).text($(this).text() + " "+e.type);
    });
});
</script>

Answer 2

也许您应该先删除touchstart事件以检查其是否有效！ IE8实际上不支持触摸操作！

$(function () {
    $("body").on("click",".something", function(e) {
        $(this).text($(this).text() + " " + e.type);    
        //e.preventDefault();   
    });
});