标题为空时如何禁用提示？答案

【问题标题】：How to disable cluetip when title is empty?标题为空时如何禁用提示？
【发布时间】：2017-02-19 17:32:03
【问题描述】：

如果标题为空，则提示提示将显示一个空的“div”。标题为空时如何禁用提示？

jQuery：

$(document).ready(function () {
        $('a.myClass').cluetip({
            splitTitle: '|',
            showTitle: false,                
            width: 400,
            tracking:true
        });
    });

HTML：

<a class="myClass" title="" >Sample Text</a>
<a class="myClass" title="Samle Title" >Sample Text2</a>

当出现标题时，提示提示正确显示。但是当标题为空时，不应显示线索提示（当前显示一个空的 div）。怎么做？

【问题讨论】：

标签： jquery cluetip

【解决方案1】：

只需绑定到标题（或非空标题）的锚点：

   // with title attribute present
   $('a[title].myClass').cluetip({
        splitTitle: '|',
        showTitle: false,                
        width: 400,
        tracking:true
    });

   // with an non-empty title
   $('a[title!=""].myClass').cluetip({
        splitTitle: '|',
        showTitle: false,                
        width: 400,
        tracking:true
    });

【讨论】：

$('a[title!=""][title].myClass') 也可以同时获得 ^^

【解决方案2】：

使用过滤功能过滤掉没有标题或空标题的锚

$('a.myClass').filter(function() {
    return this.title !== '';
}).cluetip({
    splitTitle: '|',
    showTitle: false,                
    width: 400,
    tracking:true
});

http://jsfiddle.net/a9ECE/

【讨论】：