弹出所选项目中的jQuery Mobile Listview未突出显示

Question

我在iPad上的Safari弹出窗口中看到了JQM列表视图的一些奇怪行为。它是带有iOS 8.2的iPad 2.

listview的data-filter =“true”。触摸列表项时，项目不会突出显示为已选中，焦点会立即发送回过滤器文本框，列表视图会滚动回到顶部。你可以看到a demo of the strange behavior here。这是页面上唯一真正的代码：

        <a href="#job-popup" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-icon-check ui-btn-icon-left ui-btn-a" data-transition="pop">Show Job Popup</a>
<div data-role="popup" id="job-popup" data-theme="a" data-overlay-theme="a" class="ui-corner-all ui-content" data-dismissible="false">
        <ul data-role="listview" data-theme="a" data-filter="true" data-filter-placeholder="Find a job" data-inset="true" style="min-width:210px;">
            <li data-role="list-divider">Choose a job</li>
            <li><a href="#">1001 Job 1</a></li>
            <li><a href="#">1002 Job 2</a></li>
            <li><a href="#">1003 Job 3</a></li>
            <li><a href="#">1001 Job 4</a></li>
            <li><a href="#">1002 Job 5</a></li>
            <li><a href="#">1003 Job 6</a></li>
            <li><a href="#">1001 Job 7</a></li>
            <li><a href="#">1002 Job 8</a></li>
            <li><a href="#">1003 Job 9</a></li>
        </ul>


    <div data-role="navbar" data-iconpos="left">
        <ul>
            <li><a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-icon-check ui-btn-icon-left ui-btn-e" id="btn-select-job">Select Job</a></li>
            <li><a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" id="btn-cancel-select-job">Cancel</a></li>
        </ul>
    </div><!-- /navbar -->

</div>

在其他设备上，列表项突出显示为已选中，焦点不会放回到过滤器文本框中。我的问题是为什么Safari会以这种方式表现，我该怎么做才能解决它。