亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

未捕獲的類型錯誤:如何修復 jQuery 沖突?

未捕獲的類型錯誤:如何修復 jQuery 沖突?

胡子哥哥 2023-08-05 11:03:29
我正在使用 Python Flask 開發一個 Web 應用程序。我需要一個 jQuery 腳本來創建自動完成搜索字段。我找到了這個:https://github.com/LukasSliacky/Flask-Autocomplete它工作得很好。當我嘗試將此功能集成到包含許多其他 CSS 和 JS 腳本的現有模板中時,問題就來了。這是我的文件:<!DOCTYPE html><html><head>    <meta charset="utf-8">    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">    <link rel="stylesheet" href="{{ url_for('static', filename='css/materialdesignicons.min.css')}}">    <link rel="stylesheet" href="{{ url_for('static', filename='css/vendor.bundle.base.css')}}">    <link rel="stylesheet" href="{{ url_for('static', filename='css/dataTables.bootstrap4.css')}}">    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css')}}">    <link rel="shortcut icon" href="{{ url_for('static', filename='images/favicon.ico') }}"></head><body><div class="container-scroller">     {{ form.autocomp.label }}: {{ form.autocomp }}</div>    <script src="{{ url_for('static', filename='js/vendor.bundle.base.js')}}"></script>    <script src="{{ url_for('static', filename='chart.js/Chart.min.js')}}"></script>    <script src="{{ url_for('static', filename='js/jquery.dataTables.js')}}"></script>    <script src="{{ url_for('static', filename='js/dataTables.bootstrap4.js')}}"></script>    <script src="{{ url_for('static', filename='js/off-canvas.js')}}"></script>    <script src="{{ url_for('static', filename='js/hoverable-collapse.js')}}"></script>    <script src="{{ url_for('static', filename='js/template.js')}}"></script>
查看完整描述

1 回答

?
眼眸繁星

TA貢獻1873條經驗 獲得超9個贊

這會加載 jQuery(一個古老的、不受支持的 jQuery 版本,其中存在已知的安全問題,但 jQuery 仍然如此):

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

這將加載 jQuery UI(也是一個過時的版本),它添加了autocomplete插件。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>

所以那個點$('#city_autocomplete').autocomplete應該是一個函數。

然后你加載一堆其他的東西,我們只有文件名可以繼續。

您暗示上面的所有內容都是專門為此任務添加的,因此您有:

 <script src="{{ url_for('static', filename='js/jquery.dataTables.js')}}"></script>

…我們可以假設前兩行之一已經加載了 jQuery。

    <script src="{{ url_for('static', filename='js/vendor.bundle.base.js')}}"></script>

……是最有可能的候選人。


版本的 jQuery 會覆蓋您添加 jQuery UI 的版本,因此該autocomplete插件會消失。

不要加載 jQuery 兩次。

加載一次。

首先加載它。

然后向其中添加 jQuery UI。


查看完整回答
反對 回復 2023-08-05
  • 1 回答
  • 0 關注
  • 117 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號