jquery - qtipを使用してtootipをカスタム化する

Question

私はこの例によるtootipに興味があります。

私の現在のqtipはテーブルセル用です。

$(document).ready(function()
{
     $('td[title]').qtip();
});

例と同じ効果を得るためにそれを変更するにはどうすればよいですか？

ありがとう。

Answer 1

例で参照されているスタイルオブジェクトを.qtip（）メソッドに直接渡します。メモリが役立つ場合：

$('td[title]').qtip({
    content: {
        text: 'Neat!'
    },
    style: {
        tip: 'leftMiddle',
        border: {
            width: 10,
            radius: 6,
            color: '#FA6900'
        },
        background: '#F38630',
        color: '#333'
    }
});

編集：ツールチップ内に配置するコンテンツを指定しない限り、何も表示されないことにも言及する必要があります。これは通常、qtipに渡される構成オブジェクトでも行われます。私の例を更新しました。

Answer 2

qtip1ではなくqtip2を使用すると、問題が解決します。

CSS：

.tdStyle{
     background: #123456;
     color: #FEDCBA;
     text-align: left;
     border-radius: 4px;
     border: 2px solid white;
     width: 400px;
       };

JS：

$('td[title]').qtip({
style: {
    classes: 'tdStyle'
}
});