Javascript 从jquery中的iframe源访问组件？

我觉得这是我错过的一件简单的事情，但到目前为止我还没有找到解决办法。我有点网络迷，所以如果这个问题已经在某个地方得到了回答，而我错过了，我向你道歉

下面是我尝试做的一个示例。我在“example.php”中有input（button_hide）和div（box）组件，这是我想要访问和执行jquery函数的iframe的源代码

我在某处看到，内容是从iframe访问它的方式，但这似乎不起作用

非常感谢您的帮助

<iframe id="iframe" height="450" width="100%" frameBorder="0" src="example.php" />
<script>
$(document).ready(function(){

  $('#iframe').contents().find('#box').slideUp();
  var hideButton = $('#iframe').contents().find('#button_hide');

  hideButton.click(function(){
    alert('Hi');  
  });

});
</script>

$（文档）.ready（函数（）{
$（'#iframe'）.contents（）.find（'#box'）.slideUp（）；
var hideButton=$（'#iframe'）.contents（）.find（'#button_hide'）；
hideButton.click（函数（）{
警报（“Hi”）；
});
});

您应该尝试使用method而不是ready。

<iframe id="iframe" height="450" width="100%" frameBorder="0" src="example.php" />
<script>
$(document).ready(function(){

$('#iframe #box').slideUp();
var hideButton = $('#iframe #button_hide')

hideButton.click(function(){
alert('Hi');  
});

});
</script>

$（文档）.ready（函数（）{
$（'#iframe#box'）.slideUp（）；
var hideButton=$（“#iframe#按钮_hide”）
hideButton.click（函数（）{
警报（“Hi”）；
});
});

---

这将起作用。

这最终导致jquery库无法正确导入。谢谢你的回答

document

ready并不意味着您的

iframe

内容也被加载。在阅读该链接后，似乎加载确实是iframe的正确方式，但是将document.ready更改为iframe.load或window.load并不能解决单击按钮无效的问题。不过谢谢你。只是尝试了一下，仍然没有像原始代码一样的点击响应。谢谢你。