JQuery перетаскивается за пределы iframe.Выпадающий внутри iframe - PullRequest
Новая
       9

JQuery перетаскивается за пределы iframe.Выпадающий внутри iframe

5 голосов
/ 01 декабря 2011

У меня есть jquery, перетаскиваемый за пределы iframe. Мне нужно сделать элементы внутри капли iframe. Когда я перетаскиваю iframe, событие «over» не срабатывает, но если я продолжаю перетаскивать выше iframe, событие «over» срабатывает.

Похоже, что это также было опубликовано здесь, но так и не ответил. jQuery и iframes и странное позиционирование: есть ли обходной путь?

Редактировать: Пример кода

HTML 

<div id="draggable">
</div>

<iframe id="iframe"/>

1012 * Javascript * 

$("#draggable").draggable();

var body = $('#iframe').contents().find('body');
$(body).droppable({
    over:function(event,ui) {
        alert('over droppable');
    }
});

1 Ответ

0 голосов
/ 21 мая 2014

Я думаю, вы можете использовать как этот код.

HTML 

<!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>

Javascript 

$(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});
    });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...