How to use Jquery UI in my Custom Function? (Autocomplete)
        Posted  
        
            by bakazero
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by bakazero
        
        
        
        Published on 2010-04-20T10:50:37Z
        Indexed on 
            2010/04/20
            10:53 UTC
        
        
        Read the original article
        Hit count: 190
        
I want to create a function to simplify configuration of jQuery UI AutoComplete. Here is my function code:
(function($) {
    $.fn.myAutocomplete = function() {
        var cache = {};
        var dataUrl = args.dataUrl;
        var dataSend = args.dataItem;
        $.autocomplete({
            source: function(request, response) {
                if (cache.term == request.term && cache.content) {
                    response(cache.content);
                }
                if (new RegExp(cache.term).test(request.term) && cache.content && cache.content.length < 13) {
                    var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
                    response($.grep(cache.content, function(value) {
                        return matcher.test(value.value)
                    }));
                }
                $.ajax({
                    url: dataUrl,
                    dataType: "json",
                    type: "POST",
                    data: dataSend,
                    success: function(data) {
                        cache.term = request.term;
                        cache.content = data;
                        response(data);
                    }
                });
            },
            minLength: 2,
        });
    }
}) (jQuery);
but when I'm using this function like:
$("input#tag").myAutocomplete({
    dataUrl: "/auto_complete/tag",
    dataSend: { term: request.term, category: $("input#category").val() }
});
It's give me an error:
Uncaught ReferenceError: request is not defined
© Stack Overflow or respective owner