0

次のようなリスト項目の単純な階層があります

<ul>
    <li>Personal Details
        <ul style="position: relative; left: 0px; top: 0px;" class="ui-draggable">     
            <li>First Name</li>
        <li>Last Name</li>
        </ul>
    </li>
    <li>Employment Details
         <ul style="position: relative;" class="ui-draggable">
             <li>Title</li>
             <li>Department</li>
         </ul>
    </li>
</ul>

http://jsfiddle.net/grimmus/PtzF4/1/

子リスト項目のみをドラッグ可能にしたい。したがって、個人の詳細はドラッグできませんが、名、姓などはドラッグできます。

ドラッグ可能な前に children() を使用してみましたが、1つだけでなくすべての子をプルします:-)

これを達成する方法を知っている人はいますか? フィドルを確認してください - http://jsfiddle.net/grimmus/PtzF4/1/

ありがとう

4

2 に答える 2

3 
$('#results').delegate('li li', 'mouseover', function ()

セレクターを子要素のみに変更する必要があります。

http://jsfiddle.net/PtzF4/2/

于 2013-02-22T11:43:32.057 に答える
0

draggable()2 つの問題:要素にマウスオーバーするたびに再実行されます。delegated()廃止されました。ドラッグ可能な要素の静的リストだけを探している場合は、 を使用してeach()ください。

$('#results .ui-draggable li').each(function() {
    $(this).draggable({
        revert: true,
        revertDuration: 0
    });
});

要素を動的に追加してドラッグ可能にすることを検討している場合 (これは、コードに基づいて実行したいように見えます)、これを見てください:
http://jsfiddle.net/PtzF4/4/
削除済みjsfiddle を不機嫌にし、ロガーを追加して、再実行に関する私のバージョンと Selven の違いを示す余分なものdraggable()。

于 2013-03-07T07:30:11.577 に答える