单击并在再次单击时正常粘贴工具提示粘贴

时间:2014-07-30 19:17:21

标签: jquery tipsy

当你点击它的hot *元素时,你如何保持你的工具提示永远保持,如粘性,当你再次点击它时返回正常行为?
* =触发工具提示的元素

1 个答案:

答案 0 :(得分:0)

这意味着你必须取消绑定mouseleave事件并在交替点击时重新绑定它。 通过变量替代点击,例如tipsyStick。 mouseleave的问题是我们不知道原始事件。在主要的醉意代码中进行一些搜索之后,这就是调用tipsy leave函数的方法:$(this).tipsy().leave如果$(this)是热门区域。

工作代码:

    $('.tooltip')
        .click(function() {
            /*Sticky and back on click*/
            //Remember status (and already reverse here, so also defined)
            this.tipsyStick=!this.tipsyStick;
            //Bind or rebind depending on status
            if (this.tipsyStick) 
                $(this).unbind('mouseleave'); 
            else
                $(this).bind('mouseleave', $(this).tipsy().leave);
        })
        //General tipsy triggering
        .tipsy();

请注意,虽然可能会通过live()而不是bind()将其绑定,具体取决于您的初始选项。在这种情况下,分别使用dielive更改mouseleave方法。