目标仅移动javascript

所以我希望我的购物车在移动设备上点击标题时总是链接，我的脚本在所有平台上都能正常工作，但我希望它只适用于移动设备。脚本位于我的blockcart.tpl文件（prestashop 1.6.1.9）中

{literal}
$（“.shopping_cart”）。单击（函数（）{
location.href=“{/literal}
{$link->getPageLink（$order_process，true）|转义：'html'：'UTF-8'}
{literal}”；}）；
{/literal}

有关使此脚本仅针对移动设备的任何帮助

我试过这个（但没有成功）：

{literal}
{if-isset（$displayMobile）}
$（“.shopping_cart”）。单击（函数（）{
location.href=“{/literal}
{$link->getPageLink（$order_process，true）|转义：'html'：'UTF-8'}
{literal}”；}）；
{/if}
{/literal}

PrestaShop中有一个PHP类用于检测移动设备。您可以使用它检测移动设备，并传递smarty变量以签入您的blockcart.tpl

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

---

“手机”通常是一个非常可怕的目标。你真正关心的是什么？触摸屏？小型显示器？按流量计费的互联网连接？网速慢？频繁中断的互联网连接？还有什么？解决这个问题的另一个方法是：有两个相同的按钮。一个。购物车。手机和另一个。购物车。桌面。B.使用媒体查询，使.shopping\u cart\u mobile仅在手机屏幕上可见（在一定大小下），而.shopping\u cart\u desktop仅在手机指定大小以上的屏幕上可见C.为进行手机操作的.shopping\u cart\u mobile创建一个javascript单击事件。有另一个javascript点击事件。购物车桌面，做你的典型景观的东西。我知道我可以使用显示：无；对于特定的设备宽度，添加另一个带有链接的div，以显示特定屏幕大小的int，但我想说的是，如果脚本针对736px以下的任何移动设备，我会说。。所以没有办法针对特定的屏幕大小来触发它？？

{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}    

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