0

クラス内の要素にマウスオーバーしたときにポシチップを表示したいのですが、コンテンツ関数で指定された条件を満たしている場合に限られます。そうでない場合は、空のバブルを表示したくありません。

$('[class~="label"]').poshytip({
            slide: false, 
            followCursor: true, 
            alignTo: 'cursor', 
            showTimeout: 0, 
            hideTimeout: 0, 
            alignX: 'center', 
            alignY: 'inner-bottom', 
            className: 'tip-ihme',
            offsetY: 10,
            content: function() {
                if(this.id.length>25 & sbar.settings.stackBy == 'region') {
                    return this.id
                }   
            },
            liveEvents: true
        });
    }

ただし、この仕様を満たさない要素 (つまり、this.id.length < 25) にマウスを合わせると、小さな (空の) バブルがまだ表示されます。jquery呼び出しで選択を除外する方法はありますか? 配列スタイルのフィルタリングを試しました:

  $('[class~="label"]').filter(function(d) { return d.id.length>25}).poshytip(....

ありがとう、

4

1 に答える 1

1

これを試して：

$('[class~="label"]').each(function(){
    if($(this).attr('id').length>25)
    {
        $(this).poshytip({
           // your code
        });
    }
});
于 2013-02-28T07:28:23.817 に答える