0

qTip jQueryプラグインを使用して、自分のWebサイトにちょっとしたセンスを加えようとしていますが、まったくうまくいきません。いくつかのドキュメントを読みましたが、まったく役に立ちません。基本的に、ポップアップなどのスタイルを設定するなど、本当に基本的なことをしようとしていますが、機能していません。ポップアップを機能させることはできますが、それらをカスタマイズすることはまったく問題です。たとえば、次のようなものです。

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

ポップアップをまったく配置しておらず、次のようなものです。

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

それらをまったくスタイリングしていません。ここで何が欠けていますか？

4

1 に答える 1

0

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

要素にカーソルを合わせると、qtipはいくつかの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;
}
于 2012-03-04T05:05:52.773 に答える