JQuery的切换帮助图层qTip：beforeShow问题

Question

我试图通过单击我的页眉中的帮助链接来实现可以打开和关闭的帮助图层。

我知道qTip无法做一些身体悬停技巧或类似的东西，因此我认为最简单的事情就是使用beforeShow回调来测试身体是否具有“帮助'类应用或不。不幸的是，当我使用警报测试时，似乎beforeShow函数只是在页面加载时被调用，而不是像预期的那样在“显示之前”。任何人有任何见解或类似的过去经验？

// outside of document ready function 

function checkHelpLayerStatus() { 
    alert('things that make you go hmmmmm'); 
    if ($('body').hasClass('help')) { 
    } 
    else { 
     $('.tip').qtip({disable: true}); 
    } 
} 

// inside document ready function 

$("#header a:contains(Help)").click(function(e) { 
    $('body').toggleClass('help'); 
    e.preventDefault(); 
}); 

$("body th:contains(Test Tip)").addClass('tip').qtip({ 
    content: 'This is an active list element', 
    beforeShow: checkHelpLayerStatus() 
}); 

谢谢!!

Answer 1

感谢您的纠正，马塞尔。顺便提一句，我犯了这个错误，当我只是在发布之前试图搞笑改变我的代码，在这里。这与问题无关。

如果其他人在使用qTip api时遇到问题，请参考解决方案。

// Help Layer 
$("#help").click(function(e) { 
    $('body').toggleClass('help'); 
    e.preventDefault(); 
}); 

$("body th:contains(Help Test)").addClass('tip').qtip({ 
    content: { 
     text: 'Help Layer Is On' 
    }, 
    api: { 
     beforeShow: checkHelpLayerStatus 
    } 
}); 

function checkHelpLayerStatus() { 
    if ($('body').hasClass('help')) { 
    } 
    else { 
     return false 
    } 
} 

具体来说，回调必须包裹在api：{}括号中，从文档中看，IMO并不是非常明显。

希望这可以帮助别人。干杯。