how to pass parameters to jquery ui callback functions

Question

I have several jquery ui objects and they all have a similar callback:

$(function() {
    $("#my_list").autocomplete({
        source: function(request, response) {
            $.ajax({
                type: "POST",
                url: "api",
                data: {
                    term: request.term,
                },
                success: response,
                dataType: 'json',
                minLength: 0,
            });

        },
        minLength: 0,
        select: function(event, ui) {
              $('something').appendTo("#another_list");
            }

        }
    });
});

If I could pass the "my_list" and "another_list" there as parameters, the code would be much cleaner. How can this be done?

I don't understand in which function you want to get the "my_list" and "another_list" as parameters — PaoloCargnin
– PaoloCargnin, Commented Apr 20, 2016 at 21:36

PhilVarg · Accepted Answer · 2016-04-20 22:28:23Z

1

just wrap that code in a function?

function initAutocomplete(list1, list2){
    $(list1).autocomplete({
        source: function(request, response) {
            $.ajax({
                type: "POST",
                url: "api",
                data: {
                    term: request.term,
                },
                success: response,
                dataType: 'json',
                minLength: 0,
            });

        },
        minLength: 0,
        select: function(event, ui) {
              $('something').appendTo(list2);
            }

        }
    });
}

$(function(){
  initiAutocomplete('#my_list', '#another_list');
  initiAutocomplete('#my_second_list', '#another_list_part_deux');
});

answered Apr 20, 2016 at 22:28

PhilVarg

4,8303 gold badges22 silver badges39 bronze badges

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

2 Comments

max Over a year ago

That worked great. I just have a silly question. Am I correct that jquery-ui uses the callback signature $(function(){}); and tell it what event to trigger it on (like click event)?

PhilVarg Over a year ago

$(function(){}) is a shorthand for $(document).ready. that it, it waits until the dom is fully loaded before executing any code within that callback. its not specific to jquery-ui

Collectives™ on Stack Overflow

how to pass parameters to jquery ui callback functions

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related