jQuery Mobile Popup disable()方法

以下是关于 jQuery Mobile Popup disable() 方法的完整攻略：

jQuery Mobile Popup disable() 方法

在 jQuery Mobile 中，可以使用 disable() 方法禁用一个 popup。这将使 popup 无法被打开。

语法

$(selector).popup("disable");

示例一：基本使用

<!DOCTYPE html>
<html>
<head>
  <title>jQuery Mobile Popup disable() 方法</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <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>
  <script>
    $(document).on("pagecreate", function(){
      $("#myPopup").popup();
      $("#disableBtn").click(function(){
        $("#myPopup").popup("disable");
      });
    });
  </script>
</head>
<body>
  <div data-role="page">
    <div data-role="header">
      <h1>jQuery Mobile Popup disable() 方法</h1>
    </div>
    <div data-role="main" class="ui-content">
      <a href="#myPopup" data-rel="popup" class="ui-btn ui-corner-all ui-shadow">打开 Popup</a>
      <a href="#" id="disableBtn" class="ui-btn ui-corner-all ui-shadow">禁用 Popup</a>
      <div data-role="popup" id="myPopup" class="ui-content">
        <p>这是一个 Popup。</p>
      </div>
    </div>
  </div>
</body>
</html>

这将创建一个 popup，并使用 popup() 方法将其转换为 jQuery Mobile popup。在页面加载时，popup 将被创建，并可以打开。单击“禁用 Popup”按钮后，popup 将被禁用，无法再次打开。

示例二：自定义设置

<!DOCTYPE html>
<html>
<head>
  <title>jQuery Mobile Popup disable() 方法</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <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>
  <script>
    $(document).on("pagecreate", function(){
      $("#myPopup").popup({
        dismissible: false
      });
      $("#disableBtn").click(function(){
        $("#myPopup").popup("disable");
      });
    });
  </script>
</head>
<body>
  <div data-role="page">
    <div data="header">
      <h1>jQuery Mobile Popup disable() 方法</h1>
    </div>
    <div data-role="main" class="ui-content">
      <a href="#myPopup" data-rel="popup" class="ui-btn ui-corner-all ui-shadow">打开 Popup</a>
      <a href="#" id="disableBtn" class="ui-btn ui-corner-all ui-shadow">禁用 Popup</a>
      <div data-role="popup" id="myPopup" class="ui-content">
        <p>这是一个 Popup。</p>
      </div>
    </div>
  </div>
</body>
</html>

这将创建一个 popup，并使用 popup() 方法将其转换为 jQuery Mobile popup。在页面加载时，popup 将被创建，并可以打开。它将设置 popup 为不可关闭。单击“禁用 Popup”按钮后，popup 将被禁用，无再次打开。

总结：

在 jQuery Mobile 中，可以使用 disable() 方法禁用一个 popup。可以使用 $(selector).popup("disable"); 来禁用 popup。

以上是关于 jQuery Mobile Popup disable() 方法的完整攻略。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery Mobile Popup disable()方法 - Python技术站

jQuery Mobile Popup disable()方法

jQuery Mobile Popup disable() 方法

语法

示例一：基本使用

示例二：自定义设置

相关文章