我在使父窗口中的元素可拖动时遇到问题。我试图使它可以从 iframe 中拖动。没有真正的解决方法,即我不能在父窗口中包含 jquery。
我写了一个非常简单的测试代码,所以我可以排除网站本身的问题,但我遇到了同样的问题。我将其复制给您以便更好地理解:
[外部.html]
<html>
<head><title></title>
</head>
<body>
<div id="draggable" style="background-color: rgb(100, 100, 100);width: 400px; height: 300px;">
<iframe id="i" src="inner.html" style="width: 390px; height: 290px; margin-top: 6px;"></iframe>
</div>
</body>
[内部.html]
<html>
<head><title></title>
<script language="JavaScript" src="jquery-1.9.1.min.js"></script>
<script language="JavaScript" src="jquery-ui-1.10.1.custom.min.js"></script>
<script language="JavaScript" src="jquery.ui.selectmenu.js"></script>
<script language="JavaScript" src="slides.min.jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// Make div container draggable
$('#draggable', window.parent.document).draggable({
});
});
</script>
</head>
<body>
inner
</body>
</html>
而已。发生的事情是 div 并没有真正变得可拖动。当我点击它时,它只是随机跳跃。当我放开鼠标并尝试再次拖动它时,它根本没有任何反应。有谁知道问题可能是什么?谢谢!