僅針對移動設備javascript

因此，我希望我的購物車在移動設備上的標頭中點擊時始終鏈接，該腳本在所有平臺上都能正常工作，但希望將其嚴格限制爲只能移動。該腳本位於我的blockcart.tpl文件（prestashop 1.6.1.9）中。僅針對移動設備javascript

{literal} 
<script type="text/javascript"> 
    $(".shopping_cart").click(function() { 
    location.href = "{/literal} 
    {$link->getPageLink($order_process,true)|escape:'html':'UTF-8'} 
    {literal}"; }); 
</script> 
{/literal}

這個腳本只針對移動設備的任何幫助嗎？

我想這（但不工作）：

{literal} 
{if isset($displayMobile)} 
<script type="text/javascript"> 
    $(".shopping_cart").click(function() { 
    location.href = "{/literal} 
    {$link->getPageLink($order_process,true)|escape:'html':'UTF-8'} 
    {literal}"; }); 
</script> 
{/if} 
{/literal}

來源

2017-02-23 Ylama

「移動」通常是一個非常可怕的事情，試圖定位。你真的*關心什麼？觸摸屏？小顯示器？計量互聯網連接？互聯網連接緩慢？經常中斷的互聯網連接？還有別的嗎？ – Quentin

另一種解決此問題的方法是： A. 2個相同的按鈕。一個.shopping_cart_mobile和另一個.shopping_cart_desktop。 B.使用媒體查詢，使.shopping_cart_mobile僅在移動屏幕（僅限特定尺寸）下可見，而.shopping_cart_desktop僅在移動指定尺寸以上的屏幕上可見 C.爲.shopping_cart_mobile提供一個JavaScript單擊事件移動的東西。爲.shopping_cart_desktop另一個javascript單擊事件，可以實現您典型的景觀效果。 – Angela

我明白我可以使用display：none;對於某個設備寬度添加另一個div鏈接來顯示某些screenize的int值，但是真的想要使用腳本來定位736px以下的任何移動設備，我會說。因此，沒有辦法針對此特定的屏幕大小引起？？ – Ylama

有在的Prestashop一個PHP類來檢測移動設備。你可以用它來檢測移動設備，並通過一個聰明的變量來檢查你blockcart.tpl

$mobile = new Mobile_Detect(); 
if ($mobile->isMobile()) { 
      $this->context->smarty->assign('ismobile', 1); 
     } else { 
      $this->context->smarty->assign('ismobile', 0); 
     }

來源

2017-02-24 05:55:17

僅針對移動設備javascript

回答

相關問題