我正在使用jquery线索提示插件,并试图弄清楚如何在通过ajax加载新内容后删除任何打开的线索提示对话框。我要么被新内容顶部仍然显示的对话框所困,要么我试图解决这个问题的方法实际上会从显示的所有未来线索提示对话框中删除。
这是我的代码,谢谢你的帮助。
在dom ready上,我实例化如下所示的线索提示。
//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()阻止对话框在加载的任何新内容上打开,而销毁函数不会删除任何打开的对话框,而只是销毁当前对象。
$('.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;
});发布于 2010-04-23 22:01:26
您是否尝试过触发线索提示以关闭打开的对话框?添加此代码,而不是使用$('.cluetip-jtip').empty();
$(document).trigger('hideCluetip');https://stackoverflow.com/questions/2698017
复制相似问题