作品
$("a").on("click", function(e) {
alert(1);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>
<a href="#">Link</a>
</div>不起作用
$("a").on("click", function(e) {
alert(1);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>
<a href="#">Link</a>
</div>
<iframe id="myIframe" src="" style="width: 200px; height: 200px;" />最佳答案
因为您的标记无效。 iframe不是一个空元素。您应该正确关闭 iframe。
我的 Chrome 浏览器中第一个呈现的 HTML:
<html><head>
<style>
</style>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>
<a href="#">Link</a>
</div>
<script type="text/javascript">
$("a").on("click", function(e) {
alert(1);
});
</script>
</body></html>
第二个:
<html><head>
<style>
</style>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>
<a href="#">Link</a>
</div>
<iframe id="myIframe" src="" style="width: 200px; height: 200px;">
<script type="text/javascript">
$("a").on("click", function(e) {
alert(1);
});
</script>
</body>
</html></iframe></body></html>
关于javascript - 为什么 jQuery 代码片段在没有 IFrame 的情况下可以工作，但在有 IFrame 的情况下却不能？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29378828/