0

こんにちは、クエリ モバイルで div を非表示および表示する方法を教えてください。

非表示と表示機能を使用する2つのソリューションがあるかもしれません。

またはトグルクラスを使用しますか？ここに私のフィドルがあります。 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 に答える