jQuery Mobile 工具栏 enable() 方法

enable() 方法在 jQuery Mobile 工具栏中用于启用或禁用工具栏的按钮。它可以接受一个布尔值参数来指示您是否要启用或禁用它。

语法

$( ".selector" ).toolbar( "enable", boolean );

参数

• boolean: 必需。指示要启用或禁用按钮的布尔值。

示例

以下示例演示如何使用 enable() 方法来启用或禁用工具栏按钮。

<div data-role="toolbar">
    <a href="#" class="ui-btn ui-btn-inline ui-corner-all">按钮1</a>
    <a href="#" class="ui-btn ui-btn-inline ui-corner-all">按钮2</a>
    <a href="#" class="ui-btn ui-btn-inline ui-corner-all">按钮3</a>
</div>

<button id="enableBtn">启用按钮2</button>
<button id="disableBtn">禁用按钮2</button>

<script>
    $( "#enableBtn" ).click(function() {
        $( ".ui-toolbar .ui-btn:eq(1)" ).toolbar( "enable", true );
    });

    $( "#disableBtn" ).click(function() {
        $( ".ui-toolbar .ui-btn:eq(1)" ).toolbar( "enable", false );
    });
</script>

这个例子中显示了一个工具栏和两个按钮，用于呼叫 enable() 方法。 enable() 方法使用了 true 参数来启用按钮2，使用 false 来禁用它。

当用户点击“启用按钮2”按钮时，按钮2将被启用，用户将能够单击它。当用户单击“禁用按钮2”按钮时，按钮2将被禁用，用户将无法单击它。

结论

enable() 方法是一个非常有用的 jQuery Mobile 工具栏方法，它可以让您轻松地启用或禁用工具栏按钮。该方法的语法简单明了，使用方法也非常容易，因此您可以在不需要太多代码的情况下进行操作。