1. 程式人生 > >spring jquery Mobile 頁面跳轉後瀏覽器url未改變&&javaScript程式碼重新整理後才能執行的問題解決

spring jquery Mobile 頁面跳轉後瀏覽器url未改變&&javaScript程式碼重新整理後才能執行的問題解決

最近在做一個遠端控制的專案的時候,使用了JqueryMoile,在其中發現一個問題:
當我在使用如下標籤是發現:

<a href="webDevices" >裝置列表</a>
跳轉之後發現瀏覽器的url 沒有發生改變。

只有又發現,我在一個網頁內寫的javascript程式碼第一次載入網頁的時候,JavaScript程式碼也沒有執行。

反正中間耗費了很多時間去定位問題的所在。也是由於剛接觸此類技術,並不是很精。後來想想還是追本還原,回到最起點,把jquerymobile的連結看了一下,有這麼一段話:

    Jquery Mobile支援所有標準的html格式,為了讓體驗更加流暢,Jquery Mobile會把同一個域下的所有指向頁面的連結都會自動轉為ajax請求,並且用動畫的轉場效果實現切換
指向別的域的連結或者是含有 rel="external", data-ajax="false" 屬性的連結以及含有target屬性的連結不會通過ajax載入,頁面會整體被重新整理。 對此,我就考慮到了,是否是因為chrome為了提高頁面的載入速度,採用了ajax載入,頁面不會整體被重新整理。於是我就在button按鈕上加上了data-ajax="false",然後果然行了。 正確的方式如下:
<a href="webDevices" data-ajax="false">裝置列表</a>

改成這種方式後,所有的問題都解決了。

相關推薦

spring jquery Mobile 頁面瀏覽器url改變&&javaScript程式碼重新整理才能執行的問題解決

最近在做一個遠端控制的專案的時候,使用了JqueryMoile,在其中發現一個問題: 當我在使用如下標籤是發現: <a href="webDevices" >裝置列表</a>

關於jQuery Mobile頁面網頁不重新整理問題

 $.mobile.changePage("03.php"); //手機網頁式跳轉 轉跳後,網頁CSS,JS事件都沒有反應,要重新整理一次網頁行有用 $.mobile.changePage這種方式,

jQuery Mobile頁面導致css失效原因及解決方法

JQM頁面跳轉的時候預設是ajax方式的,也就是說,只有第一次請求頁面,$(document).ready();才會觸發,而不是每一次跳轉都會觸發ready事件。  這就導致由a畫面跳轉到b畫面的時候,瀏覽器只會只會把b.html中<page>內的內容載入進dom,而<p

spring boot實現頁面

這裡以a標籤為例:a標籤實現頁面跳轉<a herf="/test"> ,而不是直接指定跳轉到某個頁面,spring boot頁面跳轉需經過後臺處理; 後臺程式碼: @RequestMapping(value="/test") Public String test(ModelMap

原生js和jQuery實現頁面的學習

js的實現 1.window.location.href方式     <script language="javascript" type="text/javascript">

python獲得頁面的最終URL

    本例採用selenium獲得最終的網頁連結。原來的網址是:http://www.baidu.com/link?url=ojjD2hHxviDl0j4T6MCQzRaQYUyYe0BX2aCXcNI5UliRtQum2Y7XH9_xZ08mzOJH,網頁完全載入完成後的網址

微信小程式 頁面如何通過url傳遞引數

var fb_id = 132在跳轉地址後wx.naviga在跳轉地址後teTo({ url: `../free/sellers/sellers?fb_id=${fb_id}`, })然後在新頁面通過js獲取資料 onLoad: function (optio

如果獲得頁面的最終URL

最近做一個小功能,就是獲取一個頁面經過跳轉後的最終頁面URL,這裡的跳轉方式包含但不僅限於HTTP 301/302、js、meta refresh。下面是我想到的三種可能的解決方式,可能會有更優的方法,期望大家提出更好的方法。 1. 首先的解決方法就是解析ht

jquery頁面導航變色,刷新依然存在

ctu contacts new each menu [0 oca function == jquery代碼: <script> $(document).ready(function () { //$(".me

Spring Security4.1.3實現攔截登錄向登錄頁面方式(redirect或forward)返回被攔截界面

response href tools 當前 錯誤 界面 sets view 鏈接 一、看下內部原理 簡化後的認證過程分為7步: 用戶訪問網站,打開了一個鏈接(origin url)。 請求發送給服務器,服務器判斷用戶請求了受保護的資源。

Spring Security4.1.3實現攔截登入向登入頁面方式(redirect或forward)返回被攔截介面

一、看下內部原理 簡化後的認證過程分為7步: 使用者訪問網站,打開了一個連結(origin url)。 請求傳送給伺服器,伺服器判斷使用者請求了受保護的資源。 由於使用者沒有登入,伺服器重定向到登入頁面 填寫表單,點選登入 瀏覽器將使用者名稱密碼以表單形式傳送給伺

Spring Security整合Cas頁面問題

問題描述:在整合cas後,如果在A應用裡面直接呼叫B應用的某個頁面,第一次點選的時候總是會跳轉到B應用設定的預設頁面,然後再點選的時候,才能跳轉到正確的頁面。後來通過檢視原始碼,發現類:org.springframework.security.web.authenticati

解決方案】jquery mobile 頁面事件多次重複

問題描述: 如圖,第一次跳轉(changePage)的時候跳轉函式執行了一次,但是第二次跳轉的時候函式卻執行了2次,第三次跳轉的時候TMD執行了3次。。。。。內心千萬只草泥馬狂奔!!!網上搜了一大堆資料,大部分是關於JQM的點選事件預設會多次觸發的坑爹行為。。。嘗試了很

5S頁面

href javascrip asc count xhtml www XML org oca <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

實現幾秒頁面

member settime meid var else mem html class function /* 功能: 實現幾秒後跳轉頁面 */ window.onload=function(){ goTime(); } var goUrl="memb

<問題解決10>使用帶有框架的頁面到登錄頁面時,登錄頁面只顯示在子框架中,未能鋪滿整個瀏覽器--解決方案如下:

頁面 tro color 過期 描述 例如 ren 方案 col 問題描述:     使用帶有框架的頁面跳轉到登錄頁面時,登錄頁面只顯示在子框架中,未能鋪滿整個瀏覽器,例如:     當登錄信息過期時,點擊左邊的菜單欄會讓登錄頁面顯示在右邊的框架中,而不能鋪滿整個瀏覽器  

jQuery使用ajaxSubmit()提交表單(在不希望頁面的情況下)

ont .ajax 引入 當前 data fun get orm mit 原文:http://www.jb51.net/article/48728.htm ajaxSubmit(obj)方法是jQuery的一個插件jquery.form.js裏面的方法,所以使用此方法需要先

shiro 配置註解無權訪問不進行頁面異常:org.apache.shiro.authz.UnauthorizedException: Subject does not have permission

class bject ram body pac framework simple -- 管理 該問題需要使用異常管理: <!-- 無權訪問跳轉的頁面 --> <bean class="org.springframework.web.ser

利用cookie,實現刷新頁面,左側菜單點擊狀態保持不變。

coo spl 失效 不變 find sco a標簽 左側菜單 cookie 是一個後臺關系系統,後臺是phyton,後臺把左側菜單都是利用a標簽進行跳轉,導致菜單點擊狀態在頁面刷新後失效,用戶體驗不好,被要求改掉。 查了一些資料。利用cookie終於搞定了這個大問題。主要

頁面的時候,在頁面中使用js 獲取到 頁面url中攜帶的引數。

common.js程式碼 //獲取URL中的引數..等等function getQueryString(name){ var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)"); var r = window.location.