显示来自数据内容属性的文本

Question

我想知道是否可以在不悬停的情况下显示标签中数据内容属性中已有的文本？

我需要在没有悬停效果的情况下在移动设备上输出工具提示中的文本，以便用户可以看到。问题是它已经内置在父主题和移动设备上，工具提示中的文本不显示。

<a href="#" class="tooltips" data-toggle="popover" data-trigger="hover" data-placement="right" data-content="My text that I want to display on mobile" data-original-title="" title="">
    <img src="image">
</a>

有关我的意思的参考，请参阅此 link：Link to tooltip icons

Answer 1

在 bootstrap 中（我假设您的 wordpress 主题基于）它将是

$('.tooltips').tooltip({
    title: function() {
        return $(this).attr('data-content')
    }    
})

演示 -> http://jsfiddle.net/bozyh4co/

显示来自数据内容属性的文本

Showing text from data-content attribute

wordpress

mobile

tooltip