Question

假设我的网页的通用结构如下所示。我有一个自己包含页面的iframe。

#maindocument <html>
...     
 <iframe ...>
   #document <html>
   ...        
   <form ..>
     <input class ="button"...>
      ...

如果我有一个名为maindocument.js的JS文件，我如何在iframe的形式中将操作附加到按钮，这样如果我点击它，会弹出一条警告消息说我点击了它？

或点击时调用e.preventdefault（）或任何函数等...如何绑定此类操作？

我尝试使用：

 $("#iframe_id").contents().find('.button').bind("click", function() { alert("Test"); });

但它没有用。

Answer 1

在代码html之后的iframe内容中，放：

<script>
$(function(){
   $(".button").click(function(e) { alert("ok") });
});
</script>

Answer 2

您是否在iframe网页中检查了jquery的引用。如果没有添加它的引用并尝试使用 on 而不是bind，因为在最新版本中不推荐使用 bind 。它会起作用。

尝试托管iframe的父窗口

$("#iframe_id").contents().find('.button').on("click", function() { alert("Test"); });

希望它有所帮助......