data-inline =「true」在使用查詢移動設備的示例中不起作用。

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

你擁有的probem是文本字段寬度的點擊。我建議你使用網格佈局，以達到預期的效果：

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