代码之家 › 专栏 › 技术社区 › Ossama

隐藏jquery移动滑块

hide slider jquery-mobile

Ossama · 技术社区 · 7 年前

有人能帮忙吗

javascript代码:

$(document).ready(function($) {
$("#d_c").hide(); 
}

html代码:

<label for="d_c" class="containing-element5">Design & Construct Type Project:</label>
<select name="d_c" id="d_c" data-role="slider" class="containing-element3" data-mini="true">
<option value="off">No</option>
<option value="on">Yes</option>
</select>

1 回复 | 直到 7 年前

deblocker 7 年前

隐藏本地人 select 漂亮背后的元素 label 看起来像一个 Flipswitch

拜托,假设只隐藏 翻转开关 ui-screen-hidden -container . 下面是一个示例:

function toggleFlipswitch() {
  $("#d_c-container").toggleClass("ui-screen-hidden");
}

$(document).on("pagecreate", "#page-one", function() {
  $("#d_c-container").addClass("ui-screen-hidden");
});

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css">
  <script src="https://code.jquery.com/jquery-1.11.2.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" id="page-one">
    <div data-theme="a" data-role="header" data-position="fixed">
      <a href="#" onclick="toggleFlipswitch()" class="ui-btn-left ui-btn ui-btn-inline ui-mini ui-corner-all ui-btn-icon-left ui-icon-grid">Show/Hide Flipswitch</a>
      <span class="ui-title"></span>
    </div>
    <div data-role="content">
      <div id="d_c-container">
        <label for="d_c" class="containing-element5">Design & Construct Type Project:</label>
        <select name="d_c" id="d_c" data-role="slider" class="containing-element3" data-mini="true">
          <option value="off">No</option>
          <option value="on">Yes</option>
        </select>
      </div>
    </div>
  </div>
</body>
</html>

推荐文章

Nuri Engin · 无法在Ext JS中为TreeStore实现filterBy方法?

7 年前

Faustas Butkus · jQuery。fadeIn()设置

7 年前

Steve · 如何将show()和hide()jquery函数应用于css显示属性

7 年前

user3250818 · 打印div的内容,但其中的某些元素除外,不起作用

7 年前

Zach Smith · 在jQuery中遍历var链变量数组

7 年前

TMS_1 · 每天下午用Javascript隐藏CSS类

7 年前

mattbierwirth · 隐藏或取消隐藏所有Excel工作表而不循环

7 年前

WebSon · Jquery慢速隐藏/显示文本、照片、对象等。最小高度200px

7 年前

user8749260 · 使用slidetoggle()显示/隐藏我的div

7 年前

Ossama · 隐藏jquery移动滑块

7 年前