Javascript 单击JQuery搜索过滤器框时，标题消失

注意：这在firefox、chrome上运行非常好，唯一的问题是使用移动浏览器（iphone/android）

我用jQuery/jquerymobile创建了一个网页，模仿通讯录（电话簿），我有一个列表中的所有联系人，并有一个搜索筛选栏来搜索联系人

<ul id="Addressbook" data-role="listview" data-filter="true" data-filter-placeholder="Type name here for filter search" data-filter-theme="f" data-inset="true">

除此之外，当我点击搜索过滤条时，CSS将被弄乱（搜索过滤条将移动到屏幕高度的70%左右，所有其他与定位（z索引）链接的CSS将被扭曲（绝对/固定定位也不起作用）。 但是，在手机上完全输入过滤器并按“完成”后，CSS会刷新到原始状态，我想知道是否有可能阻止默认行为，我尝试使用preventdefault，但没有帮助

---

任何帮助都将不胜感激。

您可以准确地调查jquery源代码中固定标题的情况，特别是jquery移动源代码的第10116行（不是缩小标题）。 首先，listview将在其顶部有输入元素，所以如果当您单击它时出现问题，这意味着fixed header和focusin event有问题，所以让我们找到fixed header的定义位置，然后继续往下，直到我们达到需要的位置

如果屏幕小于某个大小（例如此行），固定标题仍将隐藏

.bind( "focusin focusout", function( e ) {
      if ( screen.width < 1025 && $( e.target ).is( o.hideDuringFocus ) && !$( e.target ).closest( ".ui-header-fixed, .ui-footer-fixed" ).length ) {}

---

这将保持标题打开，并有望解决您的问题。

谢谢：）它现在保持标题打开，但CSS仍然是倾斜的（即）z索引，有什么办法可以解决吗？没关系，JQuery Mobile仍然存在一个未解决的问题，您的解决方案确实修复了标题，但是CSS的变化到一个月前还没有解决。你能给出这个问题的链接吗，我想它是在jquery mobile github上？我想看看：）

.bind( "focusin focusout", function( e ) {
      if ( screen.width < 1025 && $( e.target ).is( o.hideDuringFocus ) && !$( e.target ).closest( ".ui-header-fixed, .ui-footer-fixed" ).length ) {}

.bind( "focusin focusout", function( e ) {
    return false;
    //you can keep rest of the code