Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery工具提示插件,don';不重复div-append吗?_Javascript_Jquery_Xhtml - Fatal编程技术网

Javascript Jquery工具提示插件,don';不重复div-append吗?

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

好吧,我看不出能得到这个

我正在制作一个工具提示插件,可以应用于多个项目

当鼠标移到页面上作为工具提示时,页面上有多个锚。我使用变量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); }); });
您需要某种形式的互斥/标志/信号量来指示当前处于超时/淡入淡出状态,并且不应触发
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;
...