我正在使用jQuery自動完成在一個亞馬遜腳本中的一個joomla 3.2.2安裝。 jQuery調用由joomla和jquery easy插件生成,該插件被配置爲添加jquery 1.10.2和jquery ui 1.10.3並刪除任何其他實例(它似乎忽略了joomla添加的版本)。對象[對象對象]沒有方法'自動完成'
腳本被出來這樣的:
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css" type="text/css" />
<link rel="stylesheet" href="/foobar/media/sourcecoast/css/sc_bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/foobar/cache/widgetkit/widgetkit-4d6b5675.css" type="text/css" />
<link rel="stylesheet" href="/foobar/media/sourcecoast/css/mod_sclogin.css" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.migrate/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<script src="/foobar/plugins/system/jqueryeasy/jquerynoconflict.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>
<script src="/foobar/media/system/js/tabs-state.js" type="text/javascript"></script>
<script src="/foobar/media/jui/js/jquery.min.js" type="text/javascript"></script>
<script src="/foobar/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
<script src="/foobar/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
<script src="/foobar/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
失敗JS的是:
jQuery(function() {
jQuery("#jform_itemtitle").autocomplete({
minLength: 3,
source: function (req, res) {
jQuery.ajax({
url: 'http://completion.amazon.com/search/complete',
cache: true,
dataType: 'jsonp',
data: {
'search-alias': 'aps',
'client': 'amazon-search-ui',
'mkt': '1',
'q': req.term
},
error: function (data) {
return false;
},
success: function (data) {
res(data[1]);
}
});
}
});
});
錯誤是:
未捕獲的類型錯誤:對象[對象的對象]沒有方法控制檯中的'autocomplete'和自動完成腳本不起作用。
你包含jQuery兩次。第二個包含覆蓋第一個。 –