2016-09-29 49 views
0

我在桌面上有這個按鈕 - 當用戶點擊它時,它會將它們帶到如下的某個部分。但我怎樣才能改變按鈕的鏈接,所以我們可以說 - 用戶使用的是Android手機,這個按鈕的鏈接將改變爲谷歌播放存儲,當在IOS上它將改變爲蘋果商店?動態更改CTA按鈕鏈接(在iOS或Android或網頁上)?

 <div class="get_the_app"> 
      <a href="#get_app">get the app</a> 
     </div> 

回答

1

這是很容易嘗試這種

<div class="get_the_app"> 
      <a id="store" href="#get_app">get the app</a> 
     </div> 

var operatingSystem, userAgentString = navigator.userAgent; 
var link = $("#store"); 

if (userAgentString.indexOf("iPhone") > -1 || userAgentString.indexOf("iPod") > -1 || userAgentString.indexOf("iPad") > -1) { 
    operatingSystem = "iOS"; 
    link.attr("href", "http://store.apple.com/us/browse/app"); 
} else if (/Android/.test(userAgentString)) { 
    operatingSystem = "Android"; 
    link.attr("href", "https://play.google.com/store/apps?hl=en"); 
} else if (/Windows Phone/.test(userAgentString)) { 
    operatingSystem = "Windows Phone"; 
    link.attr("href", "http://www.windowsphone.com/en-us/store"); 
} 

我已經包括了Windows應用商店以及

+0

非常感謝它的工作! –

相關問題