jQuery Mobile頁面加載機制及頁面跳轉出現的問題

  實習也半個多月了,斷斷續續作了一些事情,雖然一開始有一些不開心,可是隨着慢慢的瞭解感受本身也是在慢慢的成長,也在慢慢的學習,很開心也很知足,但願能夠一直這樣下去。css

  今天遇到了一個問題,主要就是咱們公司首頁的一個圖片輪播的效果有一些問題:就是進入主頁的時候,圖片輪播正常,可是當我進入到其餘頁面的時候,點擊其中的home按鈕回到主頁面的時候,圖片的輪播功能就不行了,因爲咱們的系統使用jQuery Mobile作的,並且這個東西我也就接觸才半個月(當初進公司的時候才學的),因此不少東西都不知道,也不瞭解其中的含義,後來咱們公司的一位大牛級人物讓我去了解一下jqm的頁面加載機制可能會對解決問題有幫助,而後順着他的話我就開始在百度上找一些相關的內容來看。ajax

  jqm的頁面加載機制不用我說我想百度上面的內容都多如牛毛,可是我仍是把我本身的理解說出來,加深個人印象。jqm是採用Ajax的方式加載HTML中的元素,第一個頁面也就是咱們的主頁是所有加載,包括head和body,可是第二個HTML頁面只有body元素裏面的帶data-role = "page"的標籤會被加載進去,其他的部分則不會被加載進來。所以,這就是爲何會出現我上述講的那種狀況發生,正由於加載的只有一部分元素,而咱們自定義的js和css樣式都木有加載進來,所以上面的輪播圖片就會出現問題。個人解決辦法是禁止頁面以Ajax的方式加載:data-ajax = "false"。百度上還有其餘答案就是將js和css代碼放到<div data-role = "page"></div>的標籤內,我想根據上面你的原理應該是能夠解決問題的。學習

----------------------------------------------------------------------------------------------------------分----割----線--------------------------------------------------------------------------------------------------------------------------------------------------圖片

第一次寫博客隨筆,內心好忐忑啊,不知道會不會有人說啊,不過仍是但願你們有什麼就說吧,我如今就是處於學習的階段,任何人的一句話都會促進個人學習的。博客

相關文章
相關標籤/搜索