📌  相关文章
📜  jQuery Mobile Flipswitch disable() 方法(1)

📅  最后修改于: 2023-12-03 15:32:08.740000             🧑  作者: Mango

jQuery Mobile Flipswitch disable() 方法

简介

jQuery Mobile Flipswitch 是一款用于移动设备的用户界面控件，它提供了一个开关按钮的样式，可用于控制一些功能的开关。disable() 方法是 jQuery Mobile Flipswitch 提供的一个用于禁用控件的方法，当调用该方法后，控件将无法操作。

语法
$(selector).flipswitch("disable");
返回值

该方法没有返回值。

示例

以下示例演示了如何使用 jQuery Mobile Flipswitch disable() 方法禁用控件：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>jQuery Mobile Flipswitch disable() 方法示例</title>
  <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
  <div data-role="page">
    <div data-role="header">
      <h1>jQuery Mobile Flipswitch disable() 方法示例</h1>
    </div>

    <div data-role="content">
      <label for="flip-1">禁用控件</label>
      <select name="flip-1" id="flip-1" data-role="flipswitch">
        <option value="off">否</option>
        <option value="on">是</option>
      </select>
      <button id="disableBtn">禁用</button>
    </div>

    <div data-role="footer">
      <h4>版权所有</h4>
    </div>
  </div>

  <script>
    $(document).on("pagecreate", function() {
      $("#disableBtn").click(function() {
        $("#flip-1").flipswitch("disable");
      });
    });
  </script>
</body>
</html>
解释说明

该示例演示了一个带有 Flipswitch 的页面，并附带一个“禁用”按钮。当单击禁用按钮时，页面的 Flipswitch 将被禁用，无法再进行操作。

参考链接