1

我在使父窗口中的元素可拖动时遇到问题。我试图使它可以从 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 并没有真正变得可拖动。当我点击它时,它只是随机跳跃。当我放开鼠标并尝试再次拖动它时,它根本没有任何反应。有谁知道问题可能是什么?谢谢!

4

0 回答 0