如何使用jquery ui在另一个框架中弹出对话框
我正在使用jquery-ui-1.8创建一个小网页,它有一个框架集和三个框架如何使用jquery ui在另一个框架中弹出对话框,jquery,dialog,jquery-ui-dialog,Jquery,Dialog,Jquery Ui Dialog,我正在使用jquery-ui-1.8创建一个小网页,它有一个框架集和三个框架 <frameset id="mainFrame"cols="25%,*,25%"> <frame id="f1" src="test.php"></frame> <frame id="f2" src="test2.php"/> <frame /> </frameset> 及 [2] - 但在第二帧中,这些弹出窗口中
<frameset id="mainFrame"cols="25%,*,25%">
<frame id="f1" src="test.php"></frame>
<frame id="f2" src="test2.php"/>
<frame />
</frameset>
及
[2] -
但在第二帧中,这些弹出窗口中没有一个显示对话框。谁能帮我解决这个问题吗 用这种方法做个测试,也许这不是最好的方法,但你可以试试。
(注意:别忘了添加属性->name=“f2”谢谢bungdito,它工作得很好,你节省了我很多时间。:)
<div id="testdiv"> this is test 2</div>
var $jParent = window.parent.jQuery.noConflict();
var dlg1 = $jParent('#testdiv');
dlg1.dialog();
var frame = window.frames[1];
var div = $(frame.document.getElementById("testdiv"));
div.html("My popup contents");
div.dialog();
<button onclick="parent.f2.$('#testdiv').dialog('open');">test</button>
<link type="text/css" href="jquery-ui.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript">
$(function() {
$( "#testdiv" ).dialog({
autoOpen: false
});
});
</script>
<div id="testdiv"> hello world! </div>