隱藏的jQuery移動滑塊

我無法使用jQuery Mobile的，隱藏下列滑塊，這裏是我的代碼任何人都可以幫助隱藏的jQuery移動滑塊

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>

來源

2017-09-22 Ossama

爲了隱藏label這個看起來像Flipswitch的原始select元素，JQM使用絕對定位，所以你a只是因爲你隱藏了錯誤的元素而在這裏運氣不好。

請說一下，隱藏只有Flipswitch並且保持相應的標題可見，但無論如何，這是有點不尋常的，直到你。此處的解決方案是設置一個包裝容器並使用標準JQM類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>

來源

2017-09-22 07:43:36 deblocker

謝謝，我也想隱藏撥動開關的標籤，沃爾德說makeit更容易？ – Ossama

隱藏的jQuery移動滑塊

回答

相關問題