2012-02-13 42 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 2012-02-14 13:00:15

0

您可以将API调用来切换可见

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

要显示:

api.toggle(true); //show 
0
function pleaseClose(){ 
    $(ToolqTip).qtip('toggle', 'false'); 
} 
相关问题