1 
$('.selector').qtip({
    content: {
      text: function(api) {
         return $(this).children('.tip').clone();
      }
    },
   style: {
      classes: 'ui-tooltip-rounded',
      width: 210
   },
    position: {
      my: 'bottom center',
      at: 'bottom center',
      viewport: $(window)
   },
    hide: {
      fixed: true,
      delay: 500
   },
   events: {
      show: function(event, api) {
        $('.selector').css('border', '1px solid black');
      }
   }

});

qtip 2 プラグインを使用していますが、すべてのセレクターではなく特定のセレクター ('this') を変更したいと考えています。

上記のコードは、ページ上のすべての「ヒント」アイコンの周りに黒い境界線を描画します...特定の「ヒント」グラフィック (「.selector」) を参照する方法 (qtip2 を使用) はありますか?

4

2 に答える 2

3

ショー イベントで、現在の qTip を取得し、それにスタイルを適用します。次を使用してアクセスできます。

api.elements.tooltip
于 2012-01-18T20:39:44.557 に答える
1

apiコールバックに渡されるオブジェクトを調べてくださいevents.show。パラメーター名を使用すると、要素 (qTip が表示される) が で見つかりますapi.elements.target。その後、要素を調べて、特定のスタイルを適用するかどうかを決定できます。
その他の関連要素はAPIから入手できます。

もう 1 つのオプションは、カスタム スタイルの要素を除くすべての要素に qTip プラグインを適用することです。次に、カスタムスタイルのqTipのみを持つ要素のオプションを変更して、もう一度。

更新: Troy Barlow によって提案されたように要素を参照するのは、彼の提案がおそらく最初に提案したデータ ソースよりも優れているためです。

于 2012-01-18T20:36:33.877 に答える