首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jquery Cluetip -在ajax加载的内容之间进行清理

Jquery Cluetip -在ajax加载的内容之间进行清理
EN

Stack Overflow用户
提问于 2010-04-23 19:10:36
回答 1查看 1.5K关注 0票数 2

我正在使用jquery线索提示插件,并试图弄清楚如何在通过ajax加载新内容后删除任何打开的线索提示对话框。我要么被新内容顶部仍然显示的对话框所困,要么我试图解决这个问题的方法实际上会从显示的所有未来线索提示对话框中删除。

这是我的代码,谢谢你的帮助。

在dom ready上,我实例化如下所示的线索提示。

代码语言:javascript
复制
//activate cluetip
        $('a.jTip').cluetip({
            attribute: 'href',
            cluetipClass: 'jtip',
            arrows: true,
            activation: 'click',
            ajaxCache: false,
            dropShadow: true,
            sticky: true,
            mouseOutClose: false,
            closePosition: 'title'
         });

当我加载新内容时,我有以下代码。我遇到的问题是,$('.cluetip-jtip').empty()阻止对话框在加载的任何新内容上打开,而销毁函数不会删除任何打开的对话框,而只是销毁当前对象。

代码语言:javascript
复制
        $('.next a').live("click", function(){

            var toLoad = $(this).attr('href');

            var $data = $('#main_body #content');

            $.validationEngine.closePrompt('body'); //close any validation messages
            $data.fadeOut('fast', function(){
                $data.load(toLoad, function(){
                    $data.animate({
                        opacity: 'show'
                    }, 'fast');
                    //reinitialise datepicker and toolip
                    $(".date").date_input();
                    //JT_init();
                    $('.hidden').hide();
                    //scroll to top of form
                    $("html,body").animate({
                        "scrollTop": $('#content').offset().top + "px"
                    });
                    //remove existing instance
                    //$('a.jTip').cluetip('destroy');
                    //remove any opened popups
                    $('.cluetip-jtip').empty();
                    //reinitialise cluetip
                     $('a.jTip').cluetip({
                        attribute: 'href',
                        cluetipClass: 'jtip',
                        arrows: true,
                        activation: 'click',
                        ajaxCache: false,
                        dropShadow: true,
                        sticky: true,
                        mouseOutClose: false,
                        closePosition: 'title'
                    });
                });
            });

            return false;
        });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-04-23 22:01:26

您是否尝试过触发线索提示以关闭打开的对话框?添加此代码,而不是使用$('.cluetip-jtip').empty();

代码语言:javascript
复制
$(document).trigger('hideCluetip');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2698017

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档