親ウィンドウの要素をドラッグ可能にすることに問題があります。iframe内からドラッグできるようにしようとしています。実際には回避策はありません。つまり、親ウィンドウに jquery を含めることができません。
Web サイト自体の問題を除外できるように、非常に単純なテスト コードを作成しましたが、同じ問題が発生しました。理解を深めるためにコピーします。
[outside.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>
[inside.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 が実際にはドラッグ可能にならないということです。クリックすると、ランダムにジャンプします。マウスを離してもう一度ドラッグしようとしても、何も起こりません。誰が問題が何であるか知っていますか? ありがとうございました！