jQuery UI選択可能、リンクがクリックされていない

Question

jQuery UIライブラリselectable（）を使用しています。選択可能なリスト項目内のリンクは、右クリックして新しいウィンドウまたはタブで開くことによってのみ、クリック時に追跡されません。

HTML

<ul class="selectable-list"> 
    <li> 
     <p>Visit Google.</p> 
     <a href="http://www.google.com">Google</a> 
    </li> 
    <li> 
     <p>Visit Apple.</p> 
     <a href="http://www.apple.com">Apple</a> 
    </li> 
    <li> 
     <p>Visit Microsoft.</p> 
     <a href="http://www.microsoft.com">Microsoft</a> 
    </li> 
</ul> 

CSS

.selectable-list li.ui-selected, .selectable-list li.ui-selected:hover { 
    background-color: #ccc; 
} 

JS

​​

Answer 1

selectable（）メソッドには、cancelというオプションがあります。デフォルトでは "：input、option"ですが、選択可能なイベントにはアンカーを適用できません。あなたのコードの場合

：

$(document).ready(function() { 
    $(".selectable-list").selectable({ 
     cancel: 'a' 
    }); 
}); 

Answer 2

選択は、hrefの上のあなたのクリックイベントをオーバーライドしています。あなたはたぶんナビゲート機能に戻る必要があります。

しかし、それはあなたが撮影している奇妙な行動のようです。なぜ私は何かを選択してリンクをたどりたいのですが（おそらく新しいウィンドウにフォーカスしていると思います）、同時に何かをしたいのですか？