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

$(document).ready(function(){ 

    $(".selectable-list").selectable(); 

}); 

Answer 1

selectable() 메서드는 cancel이라는 옵션을 사용합니다. 기본적으로 ": input, option"이지만 선택 가능한 이벤트에는 앵커를 적용 할 수 없습니다. 코드에 대한

:

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

Answer 2

선택은 HREF에 클릭 이벤트를 오버라이드 (override)됩니다. 탐색 기능에 다시 추가해야 할 것입니다.

그러나 이상한 행동으로 보입니다. 나는 왜 무언가를 선택하고 동시에 링크를 따라 가고 싶을 까? (아마도 새로운 창에 초점을 맞출 것인가?)