iframe にいくつかの htmlをロードし、その html ページの特定の要素をソート可能にしようとしています:
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のないバージョンです(そしてそれがどのように機能するか)
このバージョンで要素を並べ替えてみてください(コンソールを開いたままにしてください)。