Default select issue for JQuery UI 'selectable'

Question

Below is my JS. When the page loads, I want it to automatically run the function as if its being clicked on. The default selection makes it started selected, but doesn't initiate the function. Any idea on how to make that work?

$(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') 
});

Thanks!

jbabey · Accepted Answer · 2012-05-10 17:50:26Z

2

Just call the function after declaring it:

$(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(); 
});

answered May 10, 2012 at 17:50

jbabey

46.7k12 gold badges73 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nuno Costa · Accepted Answer · 2012-05-10 17:44:34Z

0

Try to run function in the body tag

<body onload="name_of_function()">

answered May 10, 2012 at 17:44

Nuno Costa

4235 silver badges11 bronze badges

1 Comment

jbabey Over a year ago

there's no good reason to suggest inline javascript when he has access to $(document).ready();

Collectives™ on Stack Overflow

Default select issue for JQuery UI 'selectable'

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related