仅在移动设备上禁用包含“a data-name”的“href”锚标签的功能

时间：2017-12-05 作者：GenesisBits

作为该问题的延续：Mass Update lines of code for all posts

我想知道如果屏幕显示为<；的话，是否有可能在任何包含“数据名称”的锚定标记中禁用“href”的WP功能；480左右。

我的锚定标签在600多个帖子中显示如下：

<a data-name="Dishwasher" href="/items/?item=Dish Washer">Dishwasher</a>
我希望他们在手机上只能像这样：

<a data-name="Dishwasher">Dishwasher</a>
理由是：

我的“a data name”锚定标记使用鼠标悬停来显示弹出式工具提示，这些提示可在桌面和移动设备上使用。由于对所有标记实现了“href”，移动工具提示不再有效，因为您必须单击锚定标记才能查看工具提示，而工具提示总是使用href then。

1 个回复
SO网友:GenesisBits

好吧，我想出来了。

正如Jacob所指出的，它应该进入脚本，使数据名称显示为工具提示。

因此，我添加了以下内容：

        if (jQuery(window).width() < 480) {
        jQuery(this).removeAttr("href");
        }
我的最终代码：

jQuery(document).on({
    mouseenter: function(e) {
        if (jQuery(window).width() < 480) {
        jQuery(this).removeAttr("href");
        }
        setTimeoutConst = setTimeout(function() {
            tooltip.open(e);
        }, 200);
    },
    mouseleave: function(e) {
        clearTimeout(setTimeoutConst);
        tooltip.close(e);
    }
}, \'a[data-name]\');

结束
标签： functions   小码农  

相关推荐

Functions.php中的入队样式

这对我没用functions.php: if( is_page_template( \'template-flat.php\' ) ) { function flatsome_scripts() { wp_enqueue_style( \'flatsome-style\', get_template_directory_uri() .\'/flatash/css/foundation.css\', array(), \'2.1\', \'all\'); }