选择项目后关闭listview-Jquery Mobile

选择项目后关闭listview-Jquery Mobile,listview,jquery-mobile,jquery-events,Listview,Jquery Mobile,Jquery Events,我有一个简单的Jquery移动自动完成列表视图。我在每个li上都有一个事件,当单击它时,它将显示值。我想获取值,清除搜索框并关闭/折叠listview,但它不起作用。这是我的密码: $(document).on("pageshow","#addEvent", function(){ $( "#autocomplete" ).on( "filterablebeforefilter", function ( e, data ) {

我有一个简单的Jquery移动自动完成列表视图。我在每个li上都有一个事件,当单击它时,它将显示值。我想获取值,清除搜索框并关闭/折叠listview,但它不起作用。这是我的密码:

$(document).on("pageshow","#addEvent", function(){              
        $( "#autocomplete" ).on( "filterablebeforefilter", function ( e, data ) {
            var $ul = $( this ),
                $input = $( data.input ),
                value = $input.val(),
                html = "";
            $ul.html( "" );
            if ( value && value.length > 2 ) {
                $ul.html( "<li><div class='ui-loader'><span class='ui-icon ui-icon-loading'></span></div></li>" );
                $ul.listview( "refresh" );
                $.ajax({
                    url: "http://gd.geobytes.com/AutoCompleteCity",
                    dataType: "jsonp",
                    crossDomain: true,
                    data: {
                        q: $input.val()
                    }
                })
                .then( function ( response ) {
                    $.each( response, function ( i, val ) {
                        html += "<li onClick='chooseTag(\"" + val + "\")'>" + val + "</li>";
                    });
                    $ul.html( html );
                    $ul.listview( "refresh" );
                    $ul.trigger( "updatelayout");
                });
            }
        });

    });
    function chooseTag(tagText){
        var contents = $("#tagList").text();
        if(contents){
            $("#tagList").append(" | " + tagText);               
        }else{
            $("#tagList").append(tagText);
        }                       
        $(".ui-filterable input").val("");
        $("#autocomplete").trigger( "create");       

    }
$(document).on(“pageshow”、“#addEvent”,function(){
$(“#自动完成”)。关于(“FilterableBeforFilter”,函数(e,数据){
var$ul=$(此),
$input=$(data.input),
value=$input.val(),
html=“”;
$ul.html(“”);
如果(value&&value.length>2){
$ul.html(“
  • ”); $ul.列表视图(“刷新”); $.ajax({ url:“http://gd.geobytes.com/AutoCompleteCity", 数据类型:“jsonp”, 跨域:是的, 数据:{ q:$input.val() } }) .然后(功能(响应){ $。每个(响应、功能(i、val){ html+=“