Question

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

网址为：http://johnverber.com/Opti/url.html，以防您想要查看。

Answer 1

对您的问题不是完整的答案，但不能在评论中清楚地做代码示例。您可以清理最后一位，您不需要检查DOM是否已加载3次。将它合并为一个：

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

Answer 2

看起来你正在为js文件创建'link'标签，因为它应该是'script'标签。

使元素在iframe中可拖动

2 个答案: