jQuery .live()与hover插件一起使用

时间:2011-06-29 18:49:09

标签: jquery plugins live jquery-tools

我在我的应用中使用了jQueryTools工具提示插件。显然,这个插件有自己的悬停功能来创建工具提示。该插件假定DOM中的下一个元素是工具提示的内容,这对我不起作用,所以我即时添加元素。在mouseout上删除此元素。这一切都很有效,但是当下次将鼠标悬停在触发器上时,当元素从DOM移除时,插件无法找到它并且不会触发。

tl; dr - 我如何将jQuery的live()应用于一个拥有自己的mouseEvent的插件?

jQueryTools Tooltip

$('.help').hover(
        function() {
            $('<div class="tooltip">sup</div>').insertAfter(this);
        },
        function() {
            $(this).next("div.tooltip").remove();
        }
        );
$('.help').tooltip();

1 个答案:

答案 0 :(得分:0)

我认为你在设置中混淆了一点jQuery但是有效:

$('.help').hover(
    function() {
    if($(this).next("div.tooltip").length==0){
        $('<div class="tooltip">sup</div>').insertAfter(this);
    }},
    function() {
    }
    );
$('.help').tooltip();
祝你好运