jquery uiのsortableにてクリックイベントを発生させない方法

スポンサーリンク

タイトルの通りです。

jquery uiのsortableを使っていて、ソートした後にクリックされてしまうことに
悩んでいました。

これを実行させない方法について軽く書きます。

例えば、こういうの

<ul>
    <li>a</li>
    <li>b</li>
</ul>

<script>
$("ul").sortable();
$("ul").on('click', 'li', function(e){
    // 処理       
});
</script>

こんな感じにリストをドラッグでソートしたいけど、クリックイベントはソートの際には実行させたくないって時です。

解決方法

sortableのhelperをcloneにすれば良いです。

さっきのソースだと

$("ul").sortable({
    helper : 'clone'
});

このようにすることで対応可能です。
結構簡単だったのですが悩みました・・・。

ではではー。

コメント

タイトルとURLをコピーしました