JQuery Mobile＆＃34;过滤项目＆＃34;显示在标题下

Question

我正在创建一个JQuery Mobile网络应用，并对listview data-filter提出了一个简单的问题。

视觉问题照片：

代码运行页面：

<section id="landmarks" data-role="page">
    <header data-role="header" data-position="fixed" data-id="appHeader"  data-theme="a">
        <h1>National Landmarks</h1>
    </header>

    <div data-role="content">
        <ul data-role="listview" data-filter="true" id="landmarksList">
            <!--Fills Items-->
        </ul>
    </div>

<!--Toolbar Injection Code-->

</section>

我已尝试将填充和边距应用于listview和header，但搜索框仍位于标题下方。

有什么想法吗？

Answer 1

这是一个Javascript函数的问题，它在代码中添加了错误的行。