2

qTip2を使用していますが、ツールチップが記載されたリンクのリストがあります。「data-normal」というリンクの属性からツールチップのコンテンツを読み取りました。各リンクの横にチェックボックスがあり、クリックすると、そのリンクのクラスが削除され、他のクラスが追加されます。リンクがそのように変更された場合、ツールチップはそのままにして、別の属性（ "data-changed"）から読み取られるようにします。

また、チェックボックスがオフになっている（そしてクラスが元に戻されている）場合、変更前と同じように機能させたいと思います。

これに対する解決策はありますか？

これに私が使用するコードは次のとおりです。

$('.normal').qtip({
    content: {
    text: function(api) {
        return $(this).attr('data-normal');
        }
    }
});

$('.changed').qtip({
    content: {
    text: function(api) {
        return $(this).attr('data-changed');
        }
    }
});

これが私の問題のjsfiddleです：http： //jsfiddle.net/trunkadelic/Xkvnt/1/

もちろん、これは私がWebサイト自体でやろうとしていることの単純化された例です。

4

1 に答える 1

2 
$("a").qtip({
    content: {
        text: function(api) {
            if ($(this).hasClass('changed')) {
                return $(this).attr('data-changed');
            } else {
                return $(this).attr('data-normal');

            }
        }
    }
});

これはうまくいくはずです。更新された例は次のとおりです：http：//jsfiddle.net/Xkvnt/5/

于 2012-11-28T15:55:54.333 に答える