JQuery可在iframe外部拖动。可下降的内部iframe
我有一个jquery,可以在iframe之外拖动。我需要在iframe下拉列表中创建元素。当我在iframe上拖动时,“over”事件不会触发,但是如果我继续在iframe上拖动,“over”事件会触发 看起来这也被张贴在这里,但从未得到回复。 编辑:代码示例 htmlJQuery可在iframe外部拖动。可下降的内部iframe,jquery,jquery-ui,iframe,jquery-ui-draggable,Jquery,Jquery Ui,Iframe,Jquery Ui Draggable,我有一个jquery,可以在iframe之外拖动。我需要在iframe下拉列表中创建元素。当我在iframe上拖动时,“over”事件不会触发,但是如果我继续在iframe上拖动,“over”事件会触发 看起来这也被张贴在这里,但从未得到回复。 编辑:代码示例 html 我想你可以用这样的代码 html 你能给我们看一点代码吗?我也有同样的问题!解决方案的任何线索?似乎iframe上的奇怪定位方式使问题变得复杂,它在iframe上方进行定位的原因是它从屏幕左上角进行定位,而不是iframe,或
我想你可以用这样的代码 html
你能给我们看一点代码吗?我也有同样的问题!解决方案的任何线索?似乎iframe上的奇怪定位方式使问题变得复杂,它在iframe上方进行定位的原因是它从屏幕左上角进行定位,而不是iframe,或者我假设的那样。顺便说一句,iframe应该是
,因为它不是一个自动关闭标签
<div id="draggable">
</div>
<iframe id="iframe"/>
$("#draggable").draggable();
var body = $('#iframe').contents().find('body');
$(body).droppable({
over:function(event,ui) {
alert('over droppable');
}
});
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
</head>
<body>
<div style="width:400px; height:200px; overflow:auto">
<iframe src="iframe.html" style="width:400px; height:400px;"></iframe>
</div>
<div style="width:60px; height:60px; background-color: #808080" id="drag"></div>
</body>
</html>
$(function () {
$("iframe").load(function () {
var iframe = $(this).contents();
iframe.find('#iframe_container').droppable(
{
iframeFix: true,
drop: function (event, ui) { alert('dropped'); }
});
});
$('#drag').draggable({iframeFix: true});
});