如何在jQuery Mobile中隱藏類型搜索的輸入字段？

Question

好了，所以我有兩個搜索輸入框，就像這樣：

我想最初隱藏第二/底部之一，但在HTML的輸入標籤設置爲顯示：無，結果是例如：

<input id="start" type="search" value="" placeholder="From"> 
<input id="end" type="search" value="" placeholder="To" style="display: none;"> 

給出：

並動態地使用jQuery上$（文件）。就緒（），因爲這些輸入是一個單獨的JQM頁上，這是不我不能隱藏的元件「呈現」尚未（在t樣式jqm的錯誤） - 所以像$（'＃end'）。parent（）。hide（）將隱藏兩個搜索欄的父項。

就我所見，我的選擇是在需要時動態創建第二個搜索表單，或者如果有方法可以添加到jQM頁面呈現例程中。必須/應該有更好的方式，但我沒有找到它的運氣！

建議表示歡迎:-)

Answer 1

對，所以我再一次終於找到了答案後，相當多的谷歌搜索和搜索的，解決的辦法是結合JQM調用它使得頁面可見之前的事件（已申請後，它的加價）：

$('#mypage').on('pagebeforeshow',function(event){ 
    $("#end").parent().hide(); //hide the newly jqm-created div around my input 
}); 

這給了預期的行爲，這可能不是最好的方法（與父（）），但它是它的要點。

我不會接受這個作爲官方的答案，以防有人想出更好的方法。