如何使一個UI列表項無法選擇

Question

我有以下ul。我想讓任何特定的列表項無法選擇。

<ul> 
    <li>ABC</li> 
    <li>PQR</li> 
    <li>XYZ</li> 
</ul> 

我怎樣才能做到這一點？我試圖設置下面的CSS類，但並沒有幫助

.unselectable { 
-moz-user-select: -moz-none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
    -o-user-select: none; 
    user-select: none 
} 

Answer 1

它的工作，但我想你可能會遇到的問題是，你要設置你的HTML的方式。

確保你想不可選的<li>元素具有unselectable類，按照本例爲：

<li class="unselectable">unselectable</li> 

小提琴：
http://jsfiddle.net/TtLQa/1/

另外，請參閱this link的瀏覽器支持有關user-select:none的信息。

---

編輯：

我剛纔看到你的評論，你想通過JavaScript來做到這一點。

使用jQuery，您可以輕鬆地添加或刪除，如你所願類：

$(element).addClass("unselectable"); 
$(element).removeClass("unselectable"); 

//removes it if it is there, or adds it if it is not 
$(element).toggleClass("unselectable"); 

小提琴：
http://jsfiddle.net/TtLQa/4/