0

私は次のようにhtmlに要素を持っています:

<div class="abc"
<ul>
 <li class="noDrag">
    <div></div>
    <ul>
      <li>
        <div></div>
       </li>
      <li>
        <div></div>
      </li>
    </ul>
 </li>
</ul>
</div>

ドラッグ アンド ドロップを次のように初期化しました。

 $('.abc li').draggable({
      cancel: ".noDrag",
      cursor: 'move',
    });

    $('.abc li').droppable({
      greedy: true
    });

以下の修正方法:

1) 「noDrag」クラスは親 li にあるため、子 li のドラッグも防止しています。親li「noDrag」クラスのdivのみドラッグを防止したい。

2)「キャンセル」オプション要素のドラッグの動きさえ表示したくありません。それらの通常のカーソルを表示したい。

4

1 に答える 1

1

ワーキングデモ

 $('.abc>ul>li *').draggable({
    cancel:'.noDrag>div',
    cursor: 'move',
});

これが役に立てば幸いです

于 2013-10-08T09:03:07.560 に答える