劉連康:解決織夢手機端CSS樣式和JS不起作用的問題

劉連康 2019年5月30日15:07:03網站建設評論2,96111096字閱讀3分39秒閱讀模式

織夢DedeCms手機端可以在前臺生成靜態頁面是很不錯,但是隨之而來的毛病倒是挺多的,除了要解決模板里面的動態鏈接之外,我們還需要處理CSS和JS調用的問題。

 

因為在織夢手機端的靜態鏈接生成之后,列表頁、文章頁的CSS樣式和JS都沒辦法獲取。

 

其實這問題很簡單,都是CSS和JS的路徑寫法問題,接下來康哥就給大家分享一下怎么搞定它。

 

舉個栗子吧,比方說我們要修改列表頁模板的CSS和JS的實際存放路徑。列表頁模板原CSS存放路徑是assets/css/amazeui.min.css,我們就需要將它修改為http://m.igongkongmall.com/assets/css/amazeui.min.css。

 

還有一個是JS的存放路徑,原路徑是這樣的:assets/js/jquery.min.js,也是跟剛才同樣的做法,把它修改為:http://m.igongkongmall.com/assets/js/jquery.min.js。

 

其他CSS和JS的實際存放路徑也是一樣照葫蘆畫瓢,每個織夢手機端模板都好好排查一下,修改過來就行,尤其是剛才給你們講到的列表頁模板和文章頁模板。

 

當你們把織夢手機端模板CSS和JS的路徑寫法問題全部都處理好之后,把模板上傳至FTP覆蓋,然后在織夢后臺更新生成,清理一下瀏覽器緩存,手機端就可以正常顯示了。

 

當然,也有出現織夢手機端導航欄顯示不正常的情況,這也許是你的調用代碼不正確,下面這段代碼就是織夢手機端導航欄的調用代碼,你們參考下吧。

  <ul class="am-nav am-nav-pills am-topbar-nav">

  <ul class="am-nav am-nav-pills am-topbar-nav">

  <li><a >首頁</a> </li>

  {dede:channel type='top' row='10' currentstyle="

  <li class='hover'><a href='~typelink~' ~rel~><span>~typename~</span></a> </li>

  "}

  <li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a> </li>

  {/dede:channel}

  </ul>

  </ul>

 

本文為原創文章,版權歸作者所有,未經授權,禁止抄襲,否則將追究法律責任!

歡迎轉載,轉載請注明作者和出處,謝謝!

作者:劉連康

  • 我的微信
  • 這是我的微信掃一掃
  • weinxin
  • 我的微信公眾號
  • 我的微信公眾號掃一掃
  • weinxin
劉連康
  • 本文由 發表于 2019年5月30日15:07:03
匿名

發表評論

匿名網友 填寫信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

確定