根据窗口宽度删除或​​不删除属性

时间:2015-08-13 19:04:47

标签: jquery css if-statement hyperlink

我正在尝试从桌面等所有手机链接中删除可点击性。基本上,当窗口大于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>

1 个答案:

答案 0 :(得分:1)

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

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

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