Problema de propagação na interface do usuário Jquery aninhada selecionável
O problema é: No jQuery Ui aninhado selecionável, selecionar o filho mais importante do contexto significa que quando clico no Item 1, ele seleciona o Item 1, mas quando clico no Item 111 ou 1111, ele seleciona até o Item 2, enquanto eu preciso apenas do elemento no qual o foco é, não é pai até o foco do mouse nisso.
Lembre-se de que pode haver qualquer html puro, não apenas limitado a ul, li, é apenas para fins ilustrativos.
<ul id="selectable">
<li>Item 1</li>
<li>Item 2
<ul >
<li>Item 11
<ul >
<li>Item 111</li>
<li>Item 112</li>
<li>Item 113</li>
<li>Item 114
<ul >
<li>Item 1111</li>
<li>Item 1112</li>
<li>Item 1113</li>
<li>Item 1114</li>
<li>Item 1115</li>
</ul>
</li>
<li>Item 115</li>
</ul>
</li>
<li>Item 12</li>
<li>Item 13</li>
<li>Item 14</li>
<li>Item 15</li>
</ul>
</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
Script Is
$( "#selectable" ).selectable();
Fiddle É: -http://jsfiddle.net/z425phwn/2/
Passei pela pergunta já feita, mas não consegui encontrar nenhuma solução para esse problema. Qualquer ajuda será muito útil!