jquery - オーバーレイの背後でdivを選択不可にする

Question

divの上にオーバーレイを表示したいと思います。オーバーレイを表示した後、その背景divを選択することを許可したくありません。しかし、オーバーレイをダブルクリックすると、その背景divは選択可能な状態になります。誰かがこれを調べてください。 http://jsfiddle.net/fkWn5/2/

Answer 1

解決

これを行うには、cssのユーザー選択ルールを使用し、オーバーレイをオンにしたら、このクラスを背景要素に追加します。

css：

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

jqueryでクラスを追加します。

$('#backgrounddiv').addClass('unselectable');

jsfiddleの例：

• http://jsfiddle.net/ghm2N/

参照：

• .addClass
• 選択できないCSSの質問

Answer 2

$(document).ready(function() {
    $('#search_name').on('keyup',
    function() {
        search_name = $(this).val();
        $("#names li:contains('" + search_name + "')").addClass('highlight').siblings().removeClass('highlight');
    });
});