Question

我在iframe中打开了jquery draggable对话框。它在iframe内工作正常，但我无法在iframe外拖动jquery对话框。我想在iframe外面拖动对话框。有谁知道我该怎么做？

以下是我在movable.php文件中使用的示例代码。

<html>
<head>
<link href="http://www.jquerydemo.dailyfreecode.com/Styles/Site.css" rel="stylesheet" type="text/css" />
<link href="http://www.jquerydemo.dailyfreecode.com/Styles/css/sunny/jquery-ui-1.8.22.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" language="Javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
<style>
.ui-dialog
{
position:relative !important;
top:0px !important;
}
</style>
</head>
<body>
<a id="hlOpenMe" href="#">Click Me to Open Dialog Box</a>
<div id="dialog" title="My Dialog Title">
<p>This is My Dialog box Description/Content</p>
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#dialog").dialog({ autoOpen: false });

$("#hlOpenMe").click(
function () {
$("#dialog").dialog('open');
return false;
}
);
});
</script>
</body>

现在我在demo.php页面中调用了iframe。

<iframe src="movable.php" id="name" name="test" width="50%" height="50%">
</iframe>

Answer 1

你不能这样做。对于您的脚本，浏览器窗口是调用它的iFrame。 jQuery不知道iFrame有“外部”。

在iframe区域外拖动（移动）jquery ui对话框

1 个答案: