0

嗨，您能告诉我如何在查询移动设备中隐藏和显示 div。

可能是我有两个解决方案使用隐藏和显示功能。

还是使用切换类？这是我的小提琴。 http://jsfiddle.net/ravi1989/3LEdJ/2/ 我需要在点击“openclosebutton”时显示或隐藏。这个 div 

  <div class="ui-grid-c">
      <div class="ui-block-a">
        <input name="text-12" id="text-12" value="" type="text"  class="textSearchvalue_h">     
      </div>
      <div class="ui-block-b">
        <a href="#" data-role="button" data-corners="false"  data-inline="true" class="searchButtonClickText_h" >Search</a>
      </div>
      <div class="ui-block-c">
        <a href="#" data-role="button" data-corners="false"  data-inline="true" class="next_h">Next</a>
      </div>
      <div class="ui-block-d">
        <a href="#" data-role="button" data-corners="false" data-inline="true" class="previous_h">Previous</a>
       </div>
       <div class="ui-block-e">
        <a href="#" data-role="button" data-corners="false" data-inline="true" class="close_h">close</a>
       </div>
    </div>
4

1 回答 1

1

您拥有的探针是文本字段的宽度。我建议你使用网格布局来达到预期的效果：

<div class="ui-grid-c">
  <div class="ui-block-a">
    <input name="text-12" id="text-12" value="" type="text"  class="textSearchvalue_h">     
  </div>
  <div class="ui-block-b">
    <a href="#" data-role="button" data-corners="false"  data-inline="true" class="searchButtonClickText_h" >Search</a>
  </div>
  <div class="ui-block-c">
    <a href="#" data-role="button" data-corners="false"  data-inline="true" class="next_h">Next</a>
  </div>
  <div class="ui-block-d">
    <a href="#" data-role="button" data-corners="false" data-inline="true" class="previous_h">Previous</a>
   </div>
</div>

请参阅此处的文档。

于 2013-07-08T13:59:27.570 回答