javascript - HTML 自定义属性在 Jquery 中始终返回未定义

Question

我有如下 HTML 元素

<input type="text" id="Search" select-box-search="true" select-box-search-url="testURL" /> 

我有如下 jQuery。

 $(":input[select-box-search]").each(function () {
        $(this).autocomplete({
            source: function (request) {
                var url = $(this).attr("select-box-search-url");
                $.ajax({
                    async: false,
                    cache: false,
                    type: "POST",
                    url: url,
                    data: { "term": request.term},
                    success: function (data) {

                        }
                    }
                });
            }
        });
    });

“url”始终未定义。然而，“this”指的是正确的元素(在 Chrome 中调试时)。有什么遗漏吗？

艾伦

Answer 1

$this 在源中给出了不同的上下文:函数(请求)。因此，您需要在进入函数之前缓存元素

 $(":input[select-box-search]").each(function () {
    var $element = $(this);
    $element.autocomplete({
        source: function (request) {
            var url = $element.attr("select-box-search-url");
            $.ajax({
                async: false,
                cache: false,
                type: "POST",
                url: url,
                data: { "term": request.term},
                success: function (data) {

                    }
                }
            });
        }
    });
});