Jquery mobile如何在列表视图中向defilt添加defualt值?

时间:2015-11-20 07:28:50

标签: jquery-mobile

我需要在Jquery mobile 1.3.0中为过滤器添加一个默认值。 但是下面的例子不起作用。

<ul data-role="listview" data-autodividers="false" data-filter="true" data-inset="true" id="listviewID">                
    <?php foreach($countryList as $country): ?>
        <li value="<?php echo trim(country); ?>"><a href="#"><?php echo trim(country); ?></a></li>
    <?php endforeach; ?>      
</ul>

$(document).ready(function() {
    $(".ui-input-text.ui-body-c").val('Canada');
    $('#listviewID').listview('refresh');
});

1 个答案:

答案 0 :(得分:0)

刷新listview不会起作用,因为它已经被渲染了。黑客正在修改input并发起change事件。

$(document).ready(function(){
    $("#listviewID").prev("form").find("input[data-type=search]").val('Canada').trigger("change");
});

请注意,选择器会查找中间的上一个表单(当您指定filterable时由jQM自动创建)和带有[data-type=search]的输入,这比.ui-input-text.ui-body-c更具体。

<强> FIDDLE