iT邦幫忙

0

如何修改JS比較好

不明 2023-07-04 16:53:53938 瀏覽
  • 分享至 

  • xImage

我有一段JS程式碼是針對一群組選單中的a href連結網頁中所有id的section做畫面位置移動,如果要同時可以連到不包含#id的外面網址,請問我要怎麼修改比較好?謝謝

Html內容如下:
https://ithelp.ithome.com.tw/upload/images/20230704/20161196DpUOSIbgNe.jpg

JS部分內容如下:
https://ithelp.ithome.com.tw/upload/images/20230704/20161196PkWiqYC1zy.jpg

rian1995 iT邦新手 5 級 ‧ 2023-07-04 17:39:04 檢舉
1.不能連到外面網站 應該是<a> 被判定套用你的OnePageNavigation。
(主要是 e.preventDefault() 的效果 要先鎖定是哪個function處理這個功能)
2.可能是因為 href="#home-section" 在執行畫面生成的時候,可能被替換為yourDomain.com/index.html#home-section 所以不滿足你的on click事件 的選擇元件a[href^='#']
(理論上應該不是這個原因)
3. 可能更細節敘述 是哪個連結不能連到外網 針對他做討論會不會比較快
4. 你用F12 (開發者工具) > console, 依序測試看看$(".main-menu li a[href^='#']")是哪個選擇器鎖定了你想往外連結的<a>
greenriver iT邦研究生 5 級 ‧ 2023-07-05 08:27:05 檢舉
如果你要做成一頁式的功能,
或許要另外做一個套件/標籤給路由使用,
<a>依然維持對外連接,會比較好?
像vue、react也是有自己的標籤給路由,
<a>依然維持原本的功能,才不會亂掉。
froce iT邦大師 1 級 ‧ 2023-07-05 10:41:54 檢舉
1. query selector不要用a,加個class去選
2. 如果你的導航列固定不動,不會增加項目,不需要用delegate,最好也不要在body上直接用delegate
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答