How to disable cluetip when title is empty?

Question

The cluetip is displaying an empty "div" if title is empty. How to disable the cluetip when title is empty?

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>

When title is present the cluetip is displaying correctly. But when title is empty the cluetip should not be displayed(currently displaying an empty div). How to do it?

karim79 · Answer 1 · 2012-12-11T19:07:48.387

2

Simply bind to anchors which have a title (or a non-empty one):

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

edited Dec 11 '12 at 19:07

answered Dec 11 '12 at 19:02

karim79

339,989
67
413
406

1

`$('a[title!=""][title].myClass')` would work also to get both ^^ – wirey00 Dec 11 '12 at 19:13

score 1 · Accepted Answer · answered Dec 11 '12 at 19:08

Filter out the anchors with no title or empty title using the filter function

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

http://jsfiddle.net/a9ECE/

How to disable cluetip when title is empty?

2 Answers2