2013-08-04 68 views
2

如果用戶在iOS設備上,我試圖隱藏Wordpress中的一些元素。同樣,我試圖隱藏一些其他元素,如果用戶在Android上。我發現這似乎適用於iPhone用戶,但不適用於iPad。有任何想法嗎?基於userAgent的iOS/Android隱藏元素

在此先感謝...我的代碼塊低於...

<script type="text/javascript"> 
jQuery(document).ready(function ($){ 
if (navigator.userAgent.match(/(iPod|iPhone|iPad)/i)) { 
    $('.download').hide(); 
    $('.rss').hide(); 
} 
if (navigator.userAgent.match(/(Android)){ 
    $('.itunes').hide(); 
} 
}); 
</script> 
+1

嘗試seperately檢查這樣的,如果((navigator.userAgent.match(/ iPhone/I))|| (navigator.userAgent.match(/iPod/i))) –

+0

我試過這個......出於某種原因,它似乎也沒有工作,要麼。 – ndisdabest

+1

你如何測試?真正的設備還是模擬器? –

回答

4

那麼,這是令人尷尬的。我想我應該多加註意括號,呵呵?編碼的好日子......好。

解決方案(以上感謝Janith):

<script type="text/javascript"> 
jQuery(document).ready(function ($){ 
if (navigator.userAgent.match(/(iPod|iPhone|iPad)/i)) { 
    $('.download').hide(); 
    $('.rss').hide(); 
}; 
if (navigator.userAgent.match(/Android/i)){ 
    $('.itunes').hide(); 
}; 
}); 
</script>