Web ページの 1 つに 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です。