在iframe中使用jQuery可排序

Question

我正在尝试在iframe中加载some html并使该html页面中的某些元素可排序：

jsfiddle

JS：

var _iframe = $('iframe');
var containment = _iframe.contents().find( "modules" );
if(containment.data('sortable')) containment.sortable('destroy');

containment.sortable({
    stop: function (event, ui) {
        console.log('STOP: I am never called');
    },
    start: function (event, ui) {
        console.log('START: I am called with a delay!');
    },
    containment: containment,
    placeholder: "sortable-placeholder",
    items: "> module",
    delay: 10,
    forcePlaceholderSize: true,
    helper: 'clone',
    zIndex: 10000
});

这会导致一些意想不到的行为，例如延迟启动事件和无停止事件

仅当内容位于iframe内时才会出现此问题。没有iframe的Here's a version（以及它应该如何运作）

尝试对元素in this version进行排序（并让控制台保持打开状态）

Answer 1

似乎唯一可行的解​​决方案是将代码放在iframe中。当父母打扫他的房间时，也许iframe不喜欢它......