jQuery UI自動完成：對象的源不是一個函數，如何使用外部url？

Question

我想獲得與URL一起工作的jQuery UI自動完成（因爲我正在處理幾千條記錄，這看起來像是正確的解決方案），但我得到了JavaScript錯誤，我找不到原因。

錯誤消息

Uncaught TypeError: Property 'source' of object #<Object> is not a function 
assets/js/plugins/jquery-ui-1.8.22.custom.min.js:45 

HTML表單字段

<input class='autocomplete-remote' name='client_id' data-remote-source='<?= base_url(); ?>/clients/json_list'/> 

的JavaScript

$(".autocomplete-remote").autocomplete({                           
    source : $(this).attr('data-remote-source')                         
}); 

客戶/ json_list輸出

[{ "label" : "John Doe", "value" : "1"}, {"label" : "Jane Doe" : "value" : "2"}] 

我的文檔的理解是，如果來源是一個字符串，將它作爲一個URL，並從該源獲取數據。但這不起作用。

Answer 1

您的javascript錯誤$(this)不是指$(".autocomplete-remote")。它們與options對象不在函數內部的範圍相同。

它應該是這樣的：

$(".autocomplete-remote").autocomplete({                           
    source : $(".autocomplete-remote").attr('data-remote-source')                         
}); 

OR

var elem = $(".autocomplete-remote"); 
elem.autocomplete({                           
    source : elemn.attr('data-remote-source')                         
}); 

Answer 2

還指出3 @jQuery: Autocomplete Tutorial

如果您使用此方法，數據源必須是在同一域名爲 請求頁面。