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

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

點擊左邊的菜單欄,不刷新頁面,只改變body內容,如何實現?

點擊左邊的菜單欄,不刷新頁面,只改變body內容,如何實現?

LEATH 2019-03-20 22:19:15
點擊左邊的菜單欄,不刷新頁面,只改變body內容,最好可以共享父頁面的js和css,而不是重新加載,如何實現?目前遇到的問題是,使用jquery.load()方法引入頁面的話,會造成js重復加載,每點擊一次菜單欄加載次數加1。除了jquery.load(),有沒有更優雅的解決方案?
查看完整描述

3 回答

?
喵喵時光機

TA貢獻1846條經驗 獲得超7個贊

如果你是使用jquery,建議使用template.js模版,或者dust模版的寫法;
具體實施:

  • 先在主頁面html里邊搭建頁面主框架,也就是將頁面布局為左側菜單,頭部導航,就是你圖片中的這部分:

https://img1.sycdn.imooc.com//5ca98ee9000146e108000380.jpg

  • 然后再定義不同的模版頁面,當點擊左側導航的時候切換刷新主內容區域的模版就可以了


查看完整回答
反對 回復 2019-04-07
?
心有法竹

TA貢獻1866條經驗 獲得超5個贊

jquery.load() 不會有這個問題,在沒有 Vue 之前我就是這么做的。

我估計問題在于你 load 進來的頁面不是“代碼片段”,而是完整的頁面,你需要處理一下。


查看完整回答
反對 回復 2019-04-07
  • 3 回答
  • 0 關注
  • 1658 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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