2012-02-13 10 views
0

私は動的にqTip2のツールチップを生成しています。これを閉じる/ JavaScript関数から非表示にしたいのですが、どうすればいいですか?何か案が?セレクタなしでqTip2を非表示にする/閉じる方法?

これは私がqTip2を生成する方法である:

var ToolqTip = $('<div />').qtip({ 
     content: { 
      text: this.html, 
      title: { 
       text: currentItem["Item"].name, 
       button: true 
      } 
     }, 
     position: { 
      at: "right center", 
      my: "left center" 
      //target: $("#location_header") 
      ,adjust: { 
       method: "flip shift", 
       x: 15, y: -25 
      } 
      ,target: pos 
      //,viewport: $('#map_canvas') 
      //,container: $('#map_canvas') // this one prevents overlaping 
     }, 
     show: { 
      ready: true, 
      event: false, 
      solo: true 
     }, 
     style: { 
      classes: 'ui-tooltip-shadow ui-tooltip-jtools' 
     } 
     /*, 
        hide: { 
         event: 'mouseleave unfocus' 
        }*/ 
    }); 

私は、この関数からの呼び出し

function pleaseClose(){ 
    $().qtip('hide'); // NOT WORKING :(
} 

任意のアイデアから、それをクローズしたいですか?お願いします!

答えて

1
function pleaseClose(){ 
    ToolqTip.hide() 
} 

それを行う必要があります...

+4

あなたの答えはありませんでした最後に、$( "div")ですべてのdivにアクションを伝播することにしました。qtip( '隠す'); – lito

0

あなたはAPIコールが

function pleaseClose(){ 
    var api = $('yourSelector').qtip(); 
    api.toggle(false); //hide 
}; 

を表示するには、視認性切り替えることができます。

api.toggle(true); //show 
0
function pleaseClose(){ 
    $(ToolqTip).qtip('toggle', 'false'); 
} 
関連する問題