jquery - 如何在 jQuery Mobile 中隐藏搜索类型的输入字段？

Question

好的，所以我有两个搜索输入字段，如下所示：

我最初想隐藏第二个/底部一个，但是将 html 中的输入标签设置为display: none，结果如下：

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

给出：

而且我无法在 $(document).ready() 上使用 jQuery 动态隐藏元素，因为这些输入位于单独的 jQM 页面上，该页面尚未“渲染”（就 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
});

这给出了预期的行为，它可能不是最好的方法（使用 parent()），但它是它的要点。

我不会接受这个作为官方答案，以防有人提出更好的方法。