JQM Listview数据过滤器在iphone或模拟器上不起作用

时间:2012-10-30 10:25:37

标签: listview jquery-mobile filter cordova

我有一个启用了数据过滤器的列表视图。列表项是动态加载的。它在我的Mac上的浏览器中工作得很好但是它无法在iphone或模拟器中工作。单击搜索字段时,弹出键盘,但是当您开始键入文本时,文本字段中不会输入任何内容。

这是我的listview内容与listview

<div id="woordenlijst_content" data-role="content" data-iscroll>
    <ul class="ul_woordenlijst_content" data-role="listview" data-filter="true" data-filter-placeholder="Zoek...">
    </ul>
</div>

这就是我在listitems中的加载方式

$('#woordenlijst').live('pageinit', function(event) {
                  $.each(trefwoorden_array_sorted_nl, function(index, trefwoorden) {
                    $('.ul_woordenlijst_content').append('<li class="woord_nl" data-icon="arrow-r"><a id="opendialog_woordenlijst" class="woord_nl" selected-woord-nl="' + trefwoorden.nl +'" selected-woord-fr="' + trefwoorden.fr +'" audio="' + trefwoorden.sound + '">' + trefwoorden.nl + '</a></li>');
                  });
                  $('.ul_woordenlijst_content').listview('refresh');});

列表视图完美填充,由于刷新,附加样式。 滚动工作,过滤器栏位于顶部...但是当我尝试在iphone上输入文本时,没有输入任何文本。

我不知道它有什么问题: - (

我正在使用JQM 1.2.0 Phonegap Cordova 2.1.0

1 个答案:

答案 0 :(得分:0)

至少对我来说,我已经找到了溶剂。

为xcode创建cordova设置时,会生成一个文件index.css。 在

* { }

查找

-webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */

并删除此行。

它会起作用。