Question

您好，请告诉我如何在查询移动设备中隐藏和显示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>

Answer 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>

请参阅文档here。

数据列直插=＆＃34;真＆＃34;不使用查询移动设备在我的示例中工作。？

1 个答案: