jQWidgets jqxSplitter enable()方法

jQWidgets jqxSplitter是一个用于创建可自定义面板布局的JavaScript库。其中，jqxSplitter的enable()方法可以使分裂器重新启用。

方法语法

$("#jqxSplitter").jqxSplitter("enable");

方法参数

无需传入任何参数

方法描述

jqxSplitter的enable()方法可以让一个曾经被禁用的jqxSplitter重新启用。

示例说明

示例1

这里举一个例如 jqxSplitter 禁用和启用的例子：

<div id="jqxSplitter">
    <div>左侧面板</div>
    <div>右侧面板</div>
</div>

<button id="enableSplitter">启用分离器</button>
<button id="disableSplitter">禁用分离器</button>

<script type="text/javascript">
    $(document).ready(function () {
        $("#jqxSplitter").jqxSplitter();

        $("#enableSplitter").click(function () {
            $("#jqxSplitter").jqxSplitter("enable");
        });

        $("#disableSplitter").click(function () {
            $("#jqxSplitter").jqxSplitter("disable");
        });
    });
</script>

在这个例子中，当用户点击“禁用分离器”，分离器将被禁用，并且当用户点击“启用分离器”按钮时，jqxSplitter会重新启用。

示例2

这里再举一个例如 jqxSplitter 禁用和启用效果的例子：

<div id="jqxSplitter">
    <div style="height: 80px;">头部面板</div>
    <div>
        <div id="westPanel">左侧面板</div>
        <div id="eastPanel">右侧面板</div>
    </div>
</div>

<button id="enableSplitter">启用分离器</button>
<button id="disableSplitter">禁用分离器</button>

<script type="text/javascript">
    $(document).ready(function () {
        $("#jqxSplitter").jqxSplitter({
            panels: [
                { size: '80px' },
                { min: 100 }
            ]
        });

        // 当用户单击禁用分离器按钮时，禁用jqxSplitter
        $("#disableSplitter").click(function () {
            $("#jqxSplitter").jqxSplitter("disable");
        });

        // 当用户单击启用分离器按钮时，重新启用jqxSplitter
        $("#enableSplitter").click(function () {
            $("#jqxSplitter").jqxSplitter("enable");
        });
    });
</script>

在这个例子中，当用户单击禁用分离器按钮时，分离器将被禁用，并且当用户单击启用分离器按钮时，jqxSplitter将重新启用。