1. 程式人生 > >關於mui框架a標籤不能href跟**onlick()**跳轉頁面

關於mui框架a標籤不能href跟**onlick()**跳轉頁面

關於mui框架< a > 標籤不能href跟onlick()跳轉頁面

大家好~我是第一次寫部落格,有什麼不對的希望大家能夠指出來,我們一起討論。 就前天臨時接到一個專案說要做一個有關汽車的H5頁面,總共4個頁面:首頁、選擇品牌頁面、選擇車型、報名資訊頁面,第二天下午就要給客戶看 - - ! 因為選擇車型頁面是一個側滑彈框出來,就選擇mui這款框架。拿到手上就把所有要用的檔案下載下來,開始一頓猛如虎的操作,終於把稍微比較花心思的頁面做了;第二天,完成其他頁面後,把程式碼放到伺服器上,給客戶看的時候,發現點選車型不能跳轉到報名資訊頁;發現 a 標籤href不能跳轉,又轉用onclick()

,也不行。 就去度娘上搜了一遍。給出來的答案:

	mui('body').on('tap','a',function(){
    window.top.location.href=this.href;
});	

放上這段程式碼是可以跳轉,但是一定要注意,你自己寫的程式碼結構,別直接就複製過去用。因為我這個頁面用了很多的a 標籤,一定要看是哪裡跳轉不了。一開始我就是自己直接複製過去,發現跳轉沒問題,頁面樣式與效果出現了問題。就以為這個不能用,也是我經驗太少,不清楚,所以浪費了很多時間在這個上面。接著我就改寫了一下,其實就換了變數而已:

	  mui('.mui-table-view').on
('tap','#from',function(){ window.top.location.href='carFrom.html'; });

所以,一定要注意注意再注意喲。希望這個能幫到大家~