qTip2 Core
@author YHC
コアオプション:
id:false
概要:
唯一の文字列で、qTip'sのid属性の値を定義することで、DOMテキストのqTipを容易に識別することができ、この属性の接頭辞は'ui-tooltip-'である.
例:
このqTipはidの値を「ui-tooltip-myTooltip」に割り当てます.
2値には一意の文字と特殊な文字を含めることはできません.
prerender:false
概要:
デフォルトのqTip'sレンダリングでは、ページロードではなくshowイベントが最初にトリガーされたときに、このプロパティをtrueに設定すると、qTip'sがページロード時に作成されます.
例:
簡単なqTipを作成し、ページのロード時に作成します.
overwrite:true
概要:
解決する場合qtip()は、ある要素でメソッドを変更するために呼び出され、qTipが現れ、新しいqTipが古いqTip(destroyなど)を上書きします.このデフォルト値はtrueです.
例:
QTipを作成すると、以前のqTipは上書きされませんが、音もなく失敗します.
suppress:true
概要:
デフォルトのブラウザプロンプトが選択要素を抑制しているかどうかを解決し、qTipが作成されると、抑制はtitle属性の名前を変更することで、要素の古いタイトルを置き換えることができます.
jQuery.attr()メソッドはリロードされ、現在のコードを変更することなくタイトルを抽出することができる.「oldtitle」を返すことによって、要求要素「title」の属性によって、qTipはすでに出現し、抑制することができる.
jQuery .clone()も再ロードされ、クローン要素に戻り、qTipがすでに現れ、そのタイトル属性は合法的に完全ですが、要素element(s)をクローンすると、最初のパラメータが表示されます.
trueが転送され(要素だけでなく、すべてのデータがクローン化されます)、元の「oldtitle」属性が保持され、元のヘッダー(「title」)属性が返されません.
例:
QTipを作成要素がクリックされたときに表示され、通常のブラウザのプロンプト(div titleプロパティ設定後にデフォルトのtitleプロンプトがあるなど)を抑制せずに、次のように許可されます.
注意:qTipを作成してもonmouseover/outはトリガーされません.このオプションは最もあります.
metadata:{styel:'class'}
もしあなたがたまたまjQuery Metadata pluginを使ってあなたのホームページの上で、あなたはそれを使ってオプションを提供することができて、すべての要素の基礎の上でヒントを与えて、呼び出しがqTipを通過する時、このオプションのオブジェクトはmetadata pluginsオプションを決定します;
例:
いくつかの要素を設定し、カスタムラベルでメタデータをカスタマイズします.
qtipOptsプロパティ
新しいHTML 5 data-*のようなプロパティを使用して、次のようなデータを設定することもできます.
注意:HTML 5 data:jQuery 1などのqTipに干渉するため、data-qtipが格納場所として使用されていないことを確認します.4.3! ここをクリックしてなぜですか?
その他の詳細、その他のメタデータオプションについては、Metadata Documentationを参照してください.
テキストアドレス
以上、間違いがあったら、ご指摘ください、thanks!
コアオプション:
id:false
概要:
唯一の文字列で、qTip'sのid属性の値を定義することで、DOMテキストのqTipを容易に識別することができ、この属性の接頭辞は'ui-tooltip-'である.
例:
このqTipはidの値を「ui-tooltip-myTooltip」に割り当てます.
$('.selector').qtip({
id: 'myTooltip',
content: {
text: 'My ID is #ui-tooltip-myTooltip'
}
});
注:1デフォルト値は唯一の正の整数です.2値には一意の文字と特殊な文字を含めることはできません.
prerender:false
概要:
デフォルトのqTip'sレンダリングでは、ページロードではなくshowイベントが最初にトリガーされたときに、このプロパティをtrueに設定すると、qTip'sがページロード時に作成されます.
例:
簡単なqTipを作成し、ページのロード時に作成します.
$('.selector').qtip({
prerender: true,
content: {
text: 'My simple tooltip'
}
});
注意:これをtrueに設定すると、ページのロード時間が増加します.overwrite:true
概要:
解決する場合qtip()は、ある要素でメソッドを変更するために呼び出され、qTipが現れ、新しいqTipが古いqTip(destroyなど)を上書きします.このデフォルト値はtrueです.
例:
QTipを作成すると、以前のqTipは上書きされませんが、音もなく失敗します.
/**
qTip
**/
$('#tip').qtip({
content: {
text: 'before!!'
}
});
/*
* qTip - ,
qTip
*/
$('#tip').qtip({
overwrite: false,
content: {
text: 'You won\'t see me... boo!'
}
});
注意:Live委任イベントオプションを使用する場合、このオプションをfalseに設定します.suppress:true
概要:
デフォルトのブラウザプロンプトが選択要素を抑制しているかどうかを解決し、qTipが作成されると、抑制はtitle属性の名前を変更することで、要素の古いタイトルを置き換えることができます.
jQuery.attr()メソッドはリロードされ、現在のコードを変更することなくタイトルを抽出することができる.「oldtitle」を返すことによって、要求要素「title」の属性によって、qTipはすでに出現し、抑制することができる.
jQuery .clone()も再ロードされ、クローン要素に戻り、qTipがすでに現れ、そのタイトル属性は合法的に完全ですが、要素element(s)をクローンすると、最初のパラメータが表示されます.
trueが転送され(要素だけでなく、すべてのデータがクローン化されます)、元の「oldtitle」属性が保持され、元のヘッダー(「title」)属性が返されません.
例:
QTipを作成要素がクリックされたときに表示され、通常のブラウザのプロンプト(div titleプロパティ設定後にデフォルトのtitleプロンプトがあるなど)を抑制せずに、次のように許可されます.
$('#tip').qtip({
suppress: false,
content: {
text: 'You must have known to click me from the browser tooltip...!?'
},
show: {
event: 'click'
}
})
.attr('title', 'Click me to show a qTip!'); //
以上はdivでテスト例を作ったほうがよく、効果はもっと明らかである.注意:qTipを作成してもonmouseover/outはトリガーされません.このオプションは最もあります.
metadata:{styel:'class'}
もしあなたがたまたまjQuery Metadata pluginを使ってあなたのホームページの上で、あなたはそれを使ってオプションを提供することができて、すべての要素の基礎の上でヒントを与えて、呼び出しがqTipを通過する時、このオプションのオブジェクトはmetadata pluginsオプションを決定します;
例:
いくつかの要素を設定し、カスタムラベルでメタデータをカスタマイズします.
<div qtipOpts="{ style: { classes: 'ui-tooltip-blue' } }"><b>Hover me</b> to see a blue tooltip</div>
<div qtipOpts="{ show: { event: 'click' } }"><b>Click me</b> to show a regular tooltip</div>
ヒントと検索オプションのqtipOptsプロパティ
$('div[qtipOpts]').qtip({
metadata: {
type: 'attr',
name: 'qtipOpts'
},
content: 'I might look different from all the other tooltips generated by the same .qtip() call...'
});
新しいHTML 5 data-*のようなプロパティを使用して、次のようなデータを設定することもできます.
// data-qtipopts , .qtip()
<div data-qtipopts="{ style: { classes: 'ui-tooltip-green' } }"><b>Hover me</b> to see a green tooltip</div>
その後、メタデータタイプとしてHTML 5を指定し、data属性の名前(ハイフン(-)の後の文字)を指定します.$('div[qtipOpts]').qtip({
metadata: {
type: 'html5', // Use HTML5 data-* attributes
name: 'qtipopts' // Grab the metadata from the data-qtipOpts HTML5 attribute
},
content: 'I\'m using HTML5 to set my style... so so trendy.'
});
@author YHC click me! 注意:HTML 5 data:jQuery 1などのqTipに干渉するため、data-qtipが格納場所として使用されていないことを確認します.4.3! ここをクリックしてなぜですか?
その他の詳細、その他のメタデータオプションについては、Metadata Documentationを参照してください.
テキストアドレス
以上、間違いがあったら、ご指摘ください、thanks!