Javascript 使元素在iframe中可拖动

我的一个网页中有一个iframe。它指向同一域上的另一个页面。我一直在尝试让里面的元素可以拖动，但我遇到了麻烦。我昨晚让它工作，但在保存该版本之前做了一些更改，现在不知道我以前是如何使用它的，所以我知道这是可以做到的。我现在有iframe高亮显示元素，但是当我像以前一样将代码拖放进去时，它就不起作用了。主页中的代码是：

function init() {
var $head = $("#myframe").contents().find("head");
$head.append($("<link/>", { rel: "stylesheet", href: "http://ajax.googleapis.com     /ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css", type: "text/css" }));
        $head.append($("<link/>", { rel: "javascript", href: "http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js", type: "text/javascript" }));
        $head.append($("<link/>", { rel: "javascript", href: "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js", type: "text/javascript" }));
        $head.append($("<link/>", { rel: "stylesheet", href: "my_styles.css", type: "text/css" }));
    }
    function iframeLoad() {
        $head.append($("<link/>", { rel: "javascript", href: "my_js.js", type: "text/javascript" }));
    }

---

url是：以防您想看到它。

不是您问题的完整答案，但无法在注释中清楚地给出代码示例。您可以清理最后一点，不需要检查DOM是否加载了3次。将其合并为一个：

$(document).ready(function () {
    $("p,h1,div").draggable();
});

---

看起来您正在为js文件创建“链接”标记，而它应该是“脚本”标记。

这段代码是在iframe内部还是外部？它在iframe外部。可拖动的代码位于单独的.js文件中，append（）位于iframe所在的url.html页面中。我正在添加到iframe中。是的，我也用脚本标记尝试了它们，但完全没有效果。我相信我可以将$（“p”）.draggable（）。。。。。在一个函数中使用等，但当我尝试它时，正如你所展示的，它表明我错过了paren的结尾

$(document).ready(function () {
    $("p,h1,div").draggable();
});