Question

嗨我们正在研究jquery mobile如何用css隐藏按钮而不是我们正在使用display的代码：没有样式但是它不能用于jquerymobile 这是我们正在使用的代码

<!DOCTYPE html>
<html>
   <head>
      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
      <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
      <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
   </head>
   <body>
      <div data-role="page" id="pageone">
         <div data-role="header">
            <h1>Buttons</h1>
            <button data-role="button" style="display:none;">hello</button>
         </div>
         <div data-role="footer">
            <h1>Footer Text</h1>
         </div>
      </div> 
   </body>
</html>

Answer 1

最简单的方法是将您的按钮包裹在DIV中，然后隐藏/显示它。

<div style="display:none;">
    <button data-role="button">hello</button>
</div>

Answer 2

<style>
  #pageone .ui-header > .ui-btn{display:none;}
</style>

Answer 3

首先，尝试编辑属性，如“display：none！important”。如果它还没有工作，那么检查你是否声明了“display：block！important;”按钮的属性。（要么）在内部/外部样式表中编写单独的样式，如

#pageone .ui-header > .ui-btn { display:none !important; }

如果您想使用代码移动，请将“display：none”更改为visibility: hidden 或

$( ".target" ).hide();

这大致等同于调用.css("display", "none")，除了将display属性的值保存在jQuery的数据高速缓存中，以便稍后可以将显示恢复到其初始值。如果元素的显示值为内联并隐藏然后显示，则它将再次以内联方式显示。

jquery移动按钮没有隐藏在风格中

3 个答案: