如何在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页面呈现例程中进行intterupt / add。必须/应该有更好的方法，但我没有找到它的运气！

建议欢迎： - ）

Answer 1

是的，所以我最终在经过大量的谷歌搜索和搜索之后找到了答案，解决方案是在页面可见之前绑定到事件jqm调用（在应用它的标记之后）：

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

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

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