Javascript Jquery工具提示插件,don';不重复div-append吗?
好吧,我看不出能得到这个 我正在制作一个工具提示插件,可以应用于多个项目 当鼠标移到页面上作为工具提示时,页面上有多个锚。我使用变量c_ttip作为div的标识符,因为我不想在其上设置ID 如果在工具提示鼠标输出激活移除该类和css的超时之前,同一个锚点被移除,我希望避免添加工具提示,并反复应用该类和css 脚本开发页面 变量c_ttip=$(''); 返回此值。每个(函数(){ $(this.mouseover(function()){ c_ttip.appendTo(document.body.hide(); c_ttip.html('在我的工具提示中').addClass('c_ttip_框').css({'top':obj.position().top+20,'left':obj.position().left}).show(); }).mouseout(函数(){ 计时器=设置超时(函数(){ c_ttip.fadeOut(200,function(){c_ttip.remove();}); }, 2000); }); });Javascript Jquery工具提示插件,don';不重复div-append吗?,javascript,jquery,xhtml,Javascript,Jquery,Xhtml,好吧,我看不出能得到这个 我正在制作一个工具提示插件,可以应用于多个项目 当鼠标移到页面上作为工具提示时,页面上有多个锚。我使用变量c_ttip作为div的标识符,因为我不想在其上设置ID 如果在工具提示鼠标输出激活移除该类和css的超时之前,同一个锚点被移除,我希望避免添加工具提示,并反复应用该类和css 脚本开发页面 变量c_ttip=$(''); 返回此值。每个(函数(){ $(this.mouseover(function()){ c_ttip.appendTo(document.bod
您需要某种形式的互斥/标志/信号量来指示当前处于超时/淡入淡出状态,并且不应触发
mouseover()
事件
您为超时ID创建的计时器变量可用于此目的。在上面创建一个变量(最初为false
),就像您为c_ttip
所做的那样。然后在fadeOut()
回调中将其设置为false
。mouseover()启动时为false
,如果为false,则立即退出
或者,您可以在计时器处于活动状态时将类添加到工具提示,并在淡入淡出完成后将其删除。您可以存储触发工具提示的对象,并在添加div之前验证该对象是否不同。类似于:
var c_ttip = $('<div>');
var currobject;
...
$(this).mouseover(function() {
if(this == currobject) return;
currobject = this;
...
var c_ttip=$('');
var对象;
...
$(this.mouseover(function()){
如果(this==currobject)返回;
currobject=这个;
...
var c_ttip = $('<div>');
var currobject;
...
$(this).mouseover(function() {
if(this == currobject) return;
currobject = this;
...