1

タイトルが空の場合、ヒントには空の「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 が表示されています)。どうやってするの?

4

2 に答える 2

2

タイトル (または空でないもの)を持つアンカーにバインドするだけです。

   // 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
    });
于 2012-12-11T19:02:33.717 に答える
1

フィルタ機能を使用して、タイトルのないアンカーまたは空のタイトルのアンカーを除外します

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

http://jsfiddle.net/a9ECE/

于 2012-12-11T19:08:04.817 に答える