html - div内のdivまたはjstreeを無効にする方法は?

Question

div または div 内の要素を無効にする方法を教えてもらえますか? div に jstree があり、div/jstree を無効にしたいと考えています。

ありがとう！

Answer 1

ここで簡単な例を作成しまし
た。基本的に、jstree の上に div を作成して、ユーザーの操作から無効にします。
視覚的に改善できると思いますが、これでアイデアが得られると思います。
また、jstree を無効にする厳密な方法がないことも確認しました。
たぶん、Googleグループの開発者に尋ねたいと思うでしょう...

HTML コード:

<button id="disable">Disable</button>
<button id="enable">Enable</button>
<div id="jstree-wrapper">
    <div id="demo" style="height:100px;">
        <ul>
            <li id="node_1_id">
                <a>Root node 1</a>
                <ul>
                    <li id="child_node_1_id">
                     <a>Child node 1</a>
                 </li>
                 <li id="child_node_2_id">
                     <a>Child node 2</a>
                 </li>
             </ul>
         </li>

     </ul>
     <ul>
                    <li><a>Team A's Projects</a>
                        <ul>
                        <li><a>Iteration 1</a>
                            <ul>
                                <li><a>Story A</a></li>
                                <li><a>Story B</a></li>
                                <li><a>Story C</a></li>
                            </ul>
                            </li>
                        <li><a>Iteration 2</a>
                        <ul>
                            <li><a>Story D</a></li>
                              </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
    </div>

    <div id="disabler"></div>
</div>​

CSS コード:

#jstree-wrapper {
    position: relative;
}

#disabler {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: black;
    opacity: 0.5;
}​

JS コード:

$(document).ready(function() {

    $("#demo").jstree();

    $("#disable").on("click", function() {
        $("#disabler").css("width", $("#demo").width());
        $("#disabler").css("height", $("#demo").height());
    });

    $("#enable").on("click", function() {
        $("#disabler").css("width", "0px");
        $("#disabler").css("height", "0px");
    });

});