Question

有谁知道为什么这在IE9中不起作用：http://jsfiddle.net/S7ERu/1/

//jquery
$("#submitpost").on("click", function () {
        alert('test');
});


//html
<a href="#" id="submitpost">Submit</a>

完全独立版本，在IE9中不起作用：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

    $(document).ready(function () {
        $("#submitpost").on("click", function () {
        alert('test');
        });
</script>
<a href="#" id="submitpost">Submit</a>

</body>
</html>

Answer 1

在您的新独立示例中，您遗漏了最终});以关闭$(document).ready(function(){。

我补充说，在IE9中它运行正常。

Answer 2

看来，至少在JSFiddle中，IE 9中的jQuery 1.10.1会引发安全性错误：

1513: if ( parent && parent.frameElement ) {

Error: Access is denied.

这可能是由于该网站使用多个域/来源通过同源策略隔离小提琴。

您可以尝试升级到1.10.2。由于JSFiddle目前没有将其列为选项，因此您可以选择“No-Library”并将其包含在标记中：

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

Updated Fiddle

Answer 3

加载文档后绑定：

<script type="text/javascript">  
$(document).ready(function() {
//code here
});
</script>

另外请确保，如果您使用1.10.2，它已从缓存中正确加载。

如何在IE9中使用jquery？

3 个答案: