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!

questionAnswers(2)

yourAnswerToTheQuestion