如何在Iframe中重新加载附加数据

时间:2013-05-14 08:27:37

标签: php html css

使用JQuery在iframe中附加一些数据后,我需要重新加载附加的数据。数据包含一些脚本标记。

这是我附加到iframe的代码示例。 div会进入iframe,但脚本不起作用。我添加的警报出现但由于某种原因,JQuery代码不会将div转换为对话框。 我说也许是因为我应该重新加载这个iframe中的附加数据。有可能吗?

<style>
   .draggable { width: 90px; height: 80px; padding: 5px; float: left; margin: 0 10px 10px 0; font-size: .9em; }
   .ui-widget-header p, .ui-widget-content p { margin: 0; }
   #snaptarget { height: 140px; }
</style>

<script type="text/javascript">
   $(function() {
     window.alert("TEST dialog1");
     $( "#dialog1" ).dialog({ title: "Notifications Widget" });
     $( "#dialog1" ).dialog( "option", "position", [200,200] );
     $( "#dialog1" ).dialog().parents(".ui-dialog").draggable("option", "snap", true);
   });
</script>

<div id="dialog1" class="draggable ui-widget-content">
   <p>I am a notification widget</p>
</div>

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

  

我添加的警报出现但由于某种原因,JQuery代码不会   将div转换为对话框。

出现警报,因此您的脚本实际上已添加并且正常工作。请记住,您必须拥有jQuery,jQuery UI,css或您的代码才能正常工作才能在iFrame中进行链接。它无法直接访问父窗口代码。您可能会像其他浏览器选项卡/窗口一样考虑它。