首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計疑難解答

Bootstrap 下拉選單在 IE/Edge 不顯示:改用本地靜態資源解決

     編輯:程式設計疑難解答

本地打開 HTML,Firefox/Chrome 正常,IE/Edge 點擊下拉無反應。原因:CDN 引用的 CSS/JS 被 IE/Edge 的安全策略攔截(如混合內容、跨域、CSP)。

解決

將 bootstrap.min.css、jquery.min.js、bootstrap.min.js **全部下載到本地專案目錄**,用相對路徑引用:

<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

補充建議

  • 確保 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 在 <head> 首位。
  • 引用順序:jQuery → Bootstrap JS。
  • 若仍有問題,按 F12 查看 Console 是否有腳本錯誤(如 SCRIPT5009: '$' is undefined)。

本地化靜態資源是解決舊版 IE/Edge 兼容性最直接有效的手段。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved