Có thể chọn giao diện người dùng jQuery, các liên kết không được theo dõi khi nhấp vào

Question

Sử dụng thư viện giao diện người dùng jQuery có thể chọn(). Các liên kết trong các mục danh sách có thể chọn không được theo dõi khi nhấp chuột, chỉ bằng cách nhấp chuột phải và mở trong cửa sổ hoặc tab mới.

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

Phương thức có thể chọn() có một tùy chọn được gọi là cancel. Theo mặc định, nó là ": đầu vào, tùy chọn", nhưng bạn có thể sử dụng nó để làm cho neo của bạn không thể áp dụng cho sự kiện có thể chọn.

Đối với mã của bạn:

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

Answer 2

Có thể lựa chọn được trọng sự kiện nhấp chuột của bạn trên href. Có thể bạn sẽ phải thêm lại chức năng điều hướng.

Tuy nhiên, điều đó có vẻ như hành vi kỳ quặc mà bạn đang quay. Tại sao tôi lại muốn cả hai lựa chọn một cái gì đó và theo một liên kết (có lẽ là một cửa sổ mới, mà sau đó sẽ tập trung) cùng một lúc?