3

jQueryUIを使用して選択しています。選択可能にしたul-listがあります。li-itemsにはアイコンとテキストが含まれています。選択可能なコメントは、li-itemsを選択可能にするだけでなく、li-itemsの要素も選択可能にするようです。これにより、予期しない結果が発生します。

jsFiddleで例を作成しようとしました：http：//jsfiddle.net/eJSGU/アイコン の端を数回クリックすると、liブロックよりも大きいものが選択されていることがあります。

<li class="ui-widget-content">
    <div class="img"><img src="http://bib.arts.kuleuven.be/bibliotheek/images/icon_facebook.jpg"></div>  
    <div class="lbl">Item 1<div>
</li>

ここに画像の説明を入力してください

どうすればこれを回避できるか考えている人はいますか？

4

1 に答える 1

3

selectableのフィルターオプションを使用することをお勧めします。あなたの場合、li要素だけを選択可能にしたいので、を設定しfilter: $('selector').children()'ます。

<script>
$(function() {
    $( "#selectable li" ).selectable({
        filter: $('#selectable').children('li')
    });
});
</script>

これが更新されたフィドルです。

于 2012-11-21T14:38:24.663 に答える