在ASP.NET WebForm中使用Bootstrap 5的Dropdown不起作用

 最近接到一個工單說想要做線上預約的網站,對於這種簡易網站首選當然是webform簡潔快速開發為主要目的,於是迅速開啟VS並使用範本建立一個webform。

 最近接到一個工單說想要做線上預約的網站,對於這種簡易網站首選當然是webform簡潔快速開發為主要目的,於是迅速開啟VS並使用範本建立一個webform。

想當然的事情並沒有那麼簡單,否則今天就不會有這一篇文章了,創好專案首先建立的就是導航功能選單,結果建立dropdown類型的選單時竟然沒有起作用,但是導航欄置頂浮動卻有正常運行,可見的是相關js檔案確實有正常導入。

在嘗試各種網路上的解決方法總是沒辦法正常運行,怎麼案都沒有反應。

最後問的ChatGPT他說了以下這段文字。

請注意,Bootstrap 5 不再使用 bootstrap.js 文件,而是使用 bootstrap.bundle.js 文件,因為它已經包含了必需的 Popper.js。

看到這段文字心中冒起一絲疑惑,該不會範本引用的是bootstrap.js吧!一看code果不其然,引用的真的是bootstrap.js。

在不知道範本為何引用bootstrap.js而不引用bootstrap.bundle.js的情況下,只好再幫他多引用bootstrap.bundle.js,於是在下方加入以下的相關code。

<%: Scripts.Render("~/Scripts/bootstrap.bundle.js") %>

加入後重新運行網站,登登登~dropdown選單可以正常運行了,不懂為何範本引用的js竟然是不起作用的js,總之能夠解決掉問題就好。

留言

名稱

中華電信,1,手機遊戲,47,比利時,1,生活札記,8,光世代,1,作弊模式,1,免費,1,系統資訊,1,防火牆,1,架站札記,56,疫苗,1,啤酒,1,軟體札記,77,部落格,1,盜連,1,程式札記,48,虛擬主機,3,暗黑破壞神,1,資料庫,11,資訊札記,9,遊戲札記,58,電腦遊戲,8,圖片壓縮,1,網路應用,44,課金,1,操作教學,3,餐廳,1,aapanel,2,Android,34,ASP.net,18,bootstrap,1,caesium,1,cloudflare,3,cpanel,1,DBeaver,1,dns,3,edge,1,hinet,1,https,1,IE,1,iis,1,iOS,48,JavaScript,18,lalaport,1,laravel,1,LINQ,1,MSSql,5,MySQL,9,netcore,1,Oracle,3,outlook,1,PHP,17,redis,1,route,1,RPG Maker,15,sourcetree,1,SSD,1,ssl,1,steam,1,ubuntu,1,Unity3D,4,VPS,3,webform,1,windows,2,winform,2,wordpress,36,
ltr
item
茂銓的網路札記: 在ASP.NET WebForm中使用Bootstrap 5的Dropdown不起作用
在ASP.NET WebForm中使用Bootstrap 5的Dropdown不起作用
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGILcuIMgOswtzlOdt7jejR11y8k2e3u3vITcfY-Xsu-1l1FtbWN0lgWfgGWLp69XX9Ydg7n1_-81UyvA5yOTDDwm1mFcKrKbWKaLlJ-KQVuzdJP72W4XUTkGp5Zlm0Rpg_ey0adgzmzpRler-hiypPJB4W0vAKvQz5j5hOyTa9P6f2Y0ykPOVyfTqwE0T/s16000/Image-20230831-082851.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGILcuIMgOswtzlOdt7jejR11y8k2e3u3vITcfY-Xsu-1l1FtbWN0lgWfgGWLp69XX9Ydg7n1_-81UyvA5yOTDDwm1mFcKrKbWKaLlJ-KQVuzdJP72W4XUTkGp5Zlm0Rpg_ey0adgzmzpRler-hiypPJB4W0vAKvQz5j5hOyTa9P6f2Y0ykPOVyfTqwE0T/s72-c/Image-20230831-082851.png
茂銓的網路札記
https://www.mauchiuan.com/2023/08/aspnet-webform-dropdown-not-work-on-bootstrap5.html
https://www.mauchiuan.com/
https://www.mauchiuan.com/
https://www.mauchiuan.com/2023/08/aspnet-webform-dropdown-not-work-on-bootstrap5.html
true
1319490497453496749
UTF-8
載入全部文章 找不到任何文章 查看全部 閱讀更多 回覆 取消回覆 刪除 By 首頁 頁面 文章 查看全部. 推薦 標籤 彙整 搜尋 全部文章 找不到任何您所搜尋的文章 回首頁 星期日 星期一 星期二 星期三 星期四 星期五 星期六 週日 週一 週二 週三 週四 週五 週六 一月 二月 三月 四月 五月 六月 七月 八月 九月 十月 十一月 十二月 1月 2月 3月 4月 五月 6月 7月 8月 9月 10月 11月 12月 現在 一分鐘前 $$1$$ 分鐘前 一小時前 $$1$$ 小時前 昨天 $$1$$ 天前 $$1$$ 週前 5週前 追蹤者 追蹤 此高級內容已鎖定 第 1 步:分享到社交網絡 第 2 步:單擊您社交網絡上的鏈接 複製所有代碼 選擇所有代碼 所有代碼都已復製到您的剪貼板 無法複製代碼/文本,請按[CTRL]+[C](或Mac為CMD+C)複製 表格中的內容