删除或不删除基于窗口宽度的属性

我试图从桌面等所有电话链接中删除可点击性。基本上，当窗口大于640px。我想出了下面的代码，它在我以前做过的一个特定的WordPress网站上工作，但这次我在joomla上做了这件事（我甚至不确定这是否相关），并且它总是删除该属性，无论的窗口宽度。我无法弄清楚我是否缺少else条款，或者该条款甚至应该是什么。删除或不删除基于窗口宽度的属性

<script type="text/javascript"> 
(function(jQuery) { 
    jQuery(window).ready(function() { 
     if (jQuery(window).width() > 640) { 
     jQuery('a[href^=tel]').removeAttr("href"); 
     } 
    }); 
})(jQuery); 
</script>

来源

2015-08-13 George Chanturidze

如果您正在移动设备上进行测试并且元视口标记未正确设置，则可能窗口实际上较大。您在调试方面尝试过什么？ – lemieuxster

我在桌面和手机上都进行了测试 - 它们是相同的。在视口方面，我尝试了和。相同的结果。 –

为什么现在在你的CSS中尝试这样的事情？

@media only screen and (min-width:640px) { 
    #path .to .div a { 
     pointer-events: none; 
    } 
}

你把JS放在哪里？如果您通过文章或模块上的常规文本编辑器进行插入，则可能出于安全原因将其删除。如果你把它放到模板的主JS文件中，那更有趣。

来源

2015-08-13 19:33:21

令人惊叹。我不知道这个CSS规则。 –

删除或不删除基于窗口宽度的属性

回答

相关问题