2012-01-07 9 views
2

私は次のように要素に割り当てられたQティップ持っている:「コンテンツ」でQTipを使用してトリガー要素にアクセスするにはどうすればよいですか?

$('#myDiv').qtip({ 
      show: { when: { event: 'click', } }, 
      hide: { when: { event: 'unfocus' } }, 
      style: { 
        border: { 
        width: 5, 
        radius: 10 
        }, 
        padding: 10, 
        textAlign: 'center', 
        tip: true, // Give it a speech bubble tip with automatic corner detection 
        name: 'red' // Style it according to the preset 'cream' style 
      }, 
      position: { 
       corner: { 
       tooltip: 'topMiddle', // Use the corner... 
       target: 'bottomMiddle' // ...and opposite corner 
       } 
      }, 
      content: { 
       text: self.parent('.qtip').html(), 
       title: { text: 'My Title' } 
      }, 

     }); 

の下で「テキスト」を、私がクリックされた後に表示されるように、このQティップをトリガー要素のinnerHTMLプロパティにアクセスしようとしています。

しかし、上記のように私の現在の手段はself.parent('.qtip').html()ではありません。

これを行う標準的な方法は何ですか?ありがとう。

+0

ページにqtipで複数の要素がある場合は、クラスセレクタを使用しないでください(#) – rovsen

答えて

7

私は後でこの質問への解決策を見つけました。 Qティップをトリガ要素のプロパティにアクセスする

、一つは、このようにコードを構成しなければならない:

$("#container a").each(function() { 
    $(this).qtip({ // QTip code }); 
}); 

そのように、一つはそのような要素のinnerHTMLのようなデータにアクセスするために$(本)を使用できQTipをトリガーした

1

たぶん、あなたは前にそれを設定できます

var text = $('#myDiv').text(); 

そして、オブジェクトの内部にそれを使用します。

text: text, 
+0

ありがとう、私はそれを試みましたが、ID 'myDiv'のdivの内容を取得しませんでした。 – dangerChihuahua007

+0

私の答えが更新されました。 –

+0

それは奇妙なことを何もしませんでした。私の解決策は以下の通りです。ありがとう! – dangerChihuahua007