5

親フレームと子フレームの間に jQuery Draggable|Droppable|Sortable を実装しようとしています。私はこのプロトタイプを持っていますが、いくつかの奇妙な動作が起こっています

win = document.getElementById('frame').contentWindow;

element = win.document.getElementById('sortable');
$(element).sortable();
console.log(element);
$( "#draggable" ).draggable({
      connectToSortable: $(element),
     iframefix: true,
    helper: function() {return $("<div/>").css('background-color','red');}
});

iframeページにも含まれています

$("#sortable").sortable();

これがjsfiddle http://jsfiddle.net/vxAzs/5/です

iframe に要素をドロップしようとすると正常に動作しますが、iframe の要素を並べ替えようとすると、要素が両方のページのクリック イベントに固執します (したがって、両方の親をクリックするまでドロップされません)。およびiframe）。親と iframe の両方で .sortable() 呼び出しに関係していると思いますが、それを削除すると、ドロップ可能が機能しなくなります。

4

3 に答える 3

0

iframeFix は大文字と小文字を区別します: 変更

iframefix: true,

に

iframeFix: true,
于 2013-02-20T14:45:46.753 に答える
0

あなたのコードでこの行をコメントしてください。

//$(element).sortable({iframefix:true});

ここにフィドルがあります：リンク

于 2013-02-19T06:03:05.933 に答える