Interaction sélectionnable de jQuery UI: éléments dans l'élément sélectionnable - jquery-ui

J'utilise jQuery UI pour effectuer des sélections. J'ai une liste ul que j'ai rendue sélectionnable. Les éléments li contiennent des icônes et des textes. Il semble que le commentaire sélectionnable rend non seulement les éléments li sélectionnables, mais aussi les éléments dans les éléments li. des résultats inattendus.

J'ai essayé de faire un exemple dans jsFiddle: http://jsfiddle.net/eJSGU/ Si vous cliquez plusieurs fois sur les bords de l'icône, vous verrez qu'il y a parfois quelque chose de plus grand que le li-block sélectionné.

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

Quelqu'un a une idée de comment éviter cela?

Réponses:

Je suggère d'utiliser l'option de filtre du sélectionnable. Dans votre cas, vous ne voulez que le li éléments à sélectionner pour que vous définissiez filter: $("selector").children()".

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

Voici une mise à jour violon.