標題為空時如何禁用cluetip？

Question

如果標題為空，則cluetip顯示空的“div”。 標題為空時如何禁用cluetip？

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>

當標題出現時，cluetip正確顯示。 但是當標題為空時，不應顯示cluetip（當前顯示空div）。 怎么做？

Answer 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
    });

Answer 2

使用過濾器功能過濾掉沒有標題或空標題的錨點

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

http://jsfiddle.net/a9ECE/