从jquery中的iframe源访问组件?

时间:2012-06-07 22:51:47

标签: javascript jquery iframe

我觉得这很简单,我错过了,但到目前为止我还没有找到解决方法。我有点像一个网络菜鸟,所以我很抱歉,如果已经在某个地方得到了解答,我就错过了。

以下是我正在尝试做的一个示例。我在“example.php”中输入了(button_hide)和div(box)组件,这是我想要访问的iframe的源代码并执行jquery函数。

我在某处看到内容是从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>

3 个答案:

答案 0 :(得分:0)

您应该尝试使用http://api.jquery.com/load-event/方法而不是准备好。

答案 1 :(得分:0)

<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>

这将有效。

答案 2 :(得分:0)

这最终成为jquery库无法正确导入的问题。谢谢你的回答。