2015-04-04 70 views
1

我有一個響應WordPress site,我的客戶希望在移動設備上的選項查看全尺寸,選擇退出響應選項的網站。現在有一個傢伙程序員的幫助在這裏,我得到這個:響應或在手機上全尺寸

<script> 
var yetVisited = localStorage['visited']; 
if (!yetVisited) { 
    // open popup 
    localStorage['visited'] = "yes"; 
    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) { 
    var answer = confirm('Would you like to switch to the mobile version of Klofficerent'); 
    if (answer) { 
     console.log('yes');  
    } else { 
     console.log('cancel'); 
     viewport = document.querySelector("meta[name=viewport]"); 
     viewport.setAttribute('content', 'width=device-width, initial-scale=0, maximum-scale=1.0, user-scalable=0');     
    } 
    } 
} 
</script> 

它那種工作,每當我訪問鏈接kunkka.oni.cc,我的網站轉向響應移動,但它不會保存該設置時我點擊其他頁面,我需要它。任何人有任何想法?

回答

0

您可以使用#(即#mobile)向url添加參數,然後在任何頁面加載時使用正則表達式檢查它。您可以將其添加到頁面上單擊按鈕時頁面上的任何錨點href屬性。

此代碼在點擊按鈕時將「#mobile」添加到頁面的URL。當頁面加載時,如果URL以「#mobile」結尾,那麼代碼會將「#mobile」添加到所有<a>標籤的href屬性中。

if (window.location.href.indexOf("#mobile", window.location.href.length - "#mobile".length) !== -1) { 
    $("a").each(function(){ 
     $(this)[0].href = $(this)[0].href.replace(/\#mobile$/, '') + "#mobile"; 
    }); 
} 
$("#mobile").click(function(){ 
    window.location.href = window.location.href.replace(/\#mobile$/, '') + "#mobile"; 
    location.reload(); 
}); 

http://jsfiddle.net/IronFlare/qLf395dq/3/

+0

你能爲我解釋:( – 2015-04-04 06:12:16