我的一个网页中有一个 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,以防您想查看。