JQuery UI'selectable'的默认选择问题

时间:2012-05-10 17:41:30

标签: javascript jquery

以下是我的JS。页面加载时,我希望它自动运行该功能,就好像它被点击一样。默认选择使其开始选中,但不启动该功能。关于如何使这项工作的任何想法?

$(function() {
    $( "#selectable" ).selectable({
        selected: updatefilters  
    });   
    function updatefilters(ev, ui){
        // get the selected filters
        var template, html;
        var pagego;
        if(! pagego){
        var page = 0; 
        }
        var $selected = $('#selectable').children('.ui-selected');
        // create a string that has each filter separated by a pipe ("|")
        var filters = $selected.map(function(){return this.id;}).get().join("\|");
        $.ajax({
            type: "POST",
            url: 'updatefilters',
            dataType: 'json', 
            data: { filters: filters, page: page },
            success: function(data){
                html = "Do Something";
                $('#board').html(html); 
            }
        });
    }
    $('#lets').addClass('ui-selected') 
});

谢谢!

2 个答案:

答案 0 :(得分:2)

在声明之后调用该函数:

$(function() {
    $( "#selectable" ).selectable({
        selected: updatefilters  
    });   
    function updatefilters(ev, ui){
        ...
    }
    $('#lets').addClass('ui-selected');

    // none of your params are consumed in the function anyways, so you don't need to pass anything
    updatefilters(); 
});

答案 1 :(得分:0)

尝试在body标签中运行函数

<body onload="name_of_function()">