使元素在iframe中可拖动

Make elements draggable within an iframe

本文关键字：拖动 iframe 元素      更新时间：2023-09-26

我的一个网页中有一个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" }));
    }

我的jquery拖放代码是：

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

url为：http://johnverber.com/Opti/url.html如果你想看的话。

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

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

看起来您正在为js文件创建"link"标记，而它应该是"script"标记。

相关文章：