7月 232014
 

タイトルの通りです。

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'
});

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

ではではー。

Pocket

 Posted by at 12:03 PM

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*