我正在清理我的 JS 代码并想要创建命名空间并使用 JS OO。我找到了Rebecca Murphey关于 Object Literal 模式 的非常棒的教程。
现在我想知道如何使用它来实现例如 jQuery UI 自动完成功能:
// Pseudocode
$('#input_field').myNameSpace.my_search();
var myNameSpace= {
my_search : function() {
$(this).autocomplete({...});
},
my_other_function: function() {}
};
目前我正在使用我自己的插件:
$('#input_field').my_search();
(function ($) {
$.fn.my_search = function () {
$(this).autocomplete({
minLength: 2,
source: function( request, response ) {
jQuery.ajax({
url: callback_url,
dataType: "json",
data: {
term: request.term
},
success: function( data ) {
response( jQuery.map( data, function( item ) {
return {
id: item.id,
value: item.name,
name_encoded: item.name_encoded
}
}));
}
});
},
select: function( event, ui ) {
(...)
}
});
}
})(jQuery);
任何帮助表示赞赏。
更新
我的第一个示例非常接近,James Kyburz 也非常接近(但有效)。我已经简化了詹姆斯的答案以避免复杂的返回数据。
(function () {
// Namspace which also kind of works like an interface
$.fn.my_name_space = function(opt) {
this.autosuggest_brand = autosuggest.autosuggest_brand;
return this;
}
var autosuggest = {
autosuggest_brand : function(action) {
$(this).autocomplete({
// Autocomplete stuff here
});
},
som_other_function _ function() {}
}
})(jQuery);