1

私のCMSには、サムネイルのリストがあります（Sortable）。サムネイルはうまく機能し、今私はそれらをtinyMCEウィンドウにドラッグするプラグインを書いています。

tinyMCEウィンドウにはiFrameがあるため、うまく機能しません。

jQueryには、iframeFixと呼ばれるDraggablesのオプションがあり、必要に応じて正確に機能します。ただし、そのリストは並べ替え可能である必要があります。私はグーグルをかなり広範囲に調べましたが、私の要件を持っている人は誰も見つかりませんでした。StackOverflowの誰かがそれをしましたか？

iframeFixをSortablesに適用しますか？

そうでない場合は...jQueryプラグインに向かっています。

前もって感謝します！

4

2 に答える 2

1

私はそれをしました。

Draggable / Sortableを問題なくフローさせるには、iFrameの上にDIVを配置する必要があります。そこで、jQueryを使用してiframeのすぐ上にDIVを作成しました。次に、要素をつかむとそれが表示され、ドロップすると破壊されます。チャームのように機能します。誰かがそのようなものを必要としているなら、私に知らせてください。

更新（人気のあるリクエストによる）：

私の特定のシナリオでは、次のDIVを使用します。

<div id="iframeDivFixer" class="ui-draggable-iframeFix" style="background-color: rgb(255, 255, 255); display: none; width: 665px; height: 665px; position: absolute; opacity: 0.001; z-index: 1000; left: 362px; top: 290px; background-position: initial initial; background-repeat: initial initial;"></div>

そして、サムネイルを取得するとすぐに、javascriptを使用してdisplayプロパティをに設定しますblock。ドラッグアブルを離すと、プロセスが逆になります。

于 2010-08-25T05:35:19.447 に答える
0

ここでは非常に古い質問ですが、cssを使用してそれを行う別の方法があります-pointer-events:none;これは現在サポートされているすべてのブラウザー（IE11以降-caniuse.com）でサポートされています

$("#sortable").sortable({
    start: function() {
        $("iframe").css("pointer-events", "none");
    },
    stop: function() {
        $("iframe").css("pointer-events", "");
    },
});
于 2016-05-12T16:16:19.390 に答える