qTipクエリの不満

Question

私はqTip jQueryプラグインを使用して自分のウェブサイトに小さな感覚を加えようとしていますが、それはまったくありません。私はいくつかのドキュメントを読んだが、それはまったく役に立たない。基本的に、私はポップアップやものをスタイルするような、本当に基本的なことをしようとしていますが、うまくいきません。私は仕事にポップアップを得ることができますが、それらをすべてカスタマイズすることは問題です。例えば、このようなこと：

$('.hoverDes[title]').qtip({ 
    position: { 
     my: "bottom-right", 
     at: "top-left", 
     target: $(".hoverDes") 
    } 
}); 

は、すべてこのようなものでポップアップを配置されていません。

$('.hoverDes[title]').qtip({ 
    style: { 
     background: orange; 
    } 
}); 

は全くそれらをスタイリングされていません。私はここで何が欠けていますか？

Answer 1

これは簡単です。
PD：私はドキュメントを読んでいませんが、コマンドでスタイルを設定する方法があるかどうかはわかりませんが、基本的なCSSでスタイルを設定できます。
http://craigsworks.com/projects/qtip2/demos/

あなたが要素の上に置くと、Qティップが生成し、それらのクラスにいくつかのdivを追加：

ui-tooltip qtip ui-helper-reset ui-tooltip-default ui-tooltip-pos-tl 

Firefoxで使用Firebugを。そして、それらのdivを探します。

jquery.qtip.min.cssのこれらのルールは、スタイリングカラーに使用されることがわかります。

.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content { 
    background-color: #FFFFA3; 
    border-color: #F1D031; 
    color: #555555; 
}