Cómo utilizar jQuery UI en mi función personalizada? (Autocomplete)

Question

Quiero crear una función para simplificar la configuración de la interfaz de usuario jQuery Autocompletar. Aquí está mi código de función:

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

pero cuando estoy usando esta función como:

$("input#tag").myAutocomplete({
    dataUrl: "/auto_complete/tag",
    dataSend: { term: request.term, category: $("input#category").val() }
});

Es dame un error:

  

no detectada ReferenceError: solicitud no se define

Answer 1

Lo siento por la molestia, no soy experto en el uso de jQuery. Aquí está el código de trabajo final.

(function($) {
    $.fn.myAutocomplete = function(opt) {
        var cache = {};

        this.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)
                    }));
                }
                opt.dataSend.term = request.term;
                $.ajax({
                    url: opt.dataUrl,
                    dataType: "json",
                    type: "POST",
                    data: opt.dataSend,
                    success: function(data) {
                        cache.term = request.term;
                        cache.content = data;
                        response(data);
                    }
                });
            },
            minLength: 2,
        });
        return this;

    }
}) (jQuery);

Para utilizar esta función, es suficiente escribir el código siguiente:

$("input#tag").myAutocomplete({
    dataUrl: "/auto_complete/tag",
    dataSend: { category: $("input#category").val() }
});

Gracias Jeffery A por compartir conmigo para resolver este problema .. ^ _ ^

Answer 2

Tal vez el error se refiere a request.term en

$("input#tag").myAutocomplete({
    dataUrl: "/auto_complete/tag",
    dataSend: { term: request.term, category: $("input#category").val() }
});