?

當在first.html中，有個鏈接如：<a href="second.html" data-role="button" id="submit">登錄</a>

??? 而在second.html中，譬如我引用了highcharts這個jquery圖表插件，會在second.html頁面中生成一些圖表。

??? 可是這種情況，當我用chrome瀏覽器點擊“登錄”按鈕時，鏈接到second頁面，可是second頁面的圖表不會顯示，需要刷新一下才能顯示圖表，于是我結合了phonegap，把此項目布到android手機中進行測試，也是如此。我很是郁悶，我后來換了360瀏覽器進行測試，雖然不支持jquerymobile框架主題樣式顯示，不過它鏈接過去能一下子出現圖表的，而不需要刷新。對此，我就開始懷疑是否是瀏覽器鏈接加載頁面的方式不一樣的問題了。

反正中間耗費了很多時間去定位問題的所在。也是由于剛接觸此類技術，并不是很精。后來想想還是追本還原，回到最起點，把jquerymobile的鏈接看了一下，有這么一段話：

??? Jquery Mobile支持所有標準的html格式，為了讓體驗更加流暢,Jquery Mobile會把同一個域下的所有指向頁面的鏈接都會自動轉為ajax請求，并且用動畫的轉場效果實現切換 指向別的域的鏈接或者是含有 rel="external", data-ajax="false" 屬性的鏈接以及含有target屬性的鏈接不會通過ajax加載，頁面會整體被刷新。 對此，我就考慮到了，是否是因為chrome為了提高頁面的加載速度，采用了ajax加載，頁面不會整體被刷新。于是我就在button按鈕上加上了data-ajax="false"，然后果然行了。 正確的方式如下：<a href="second.html" data-role="button" id="submit" data-ajax="false" >登錄</a>

轉載于:https://www.cnblogs.com/iamherea/p/3491073.html

總結

以上是生活随笔為你收集整理的JqueryMobile链接一个页面，而链接页面中图片需刷新才显示的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。