Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.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
jquery工具提示和动态内容-func_工具提示存在问题_Jquery - Fatal编程技术网

jquery工具提示和动态内容-func_工具提示存在问题

jquery工具提示和动态内容-func_工具提示存在问题,jquery,Jquery,我使用的jquery工具提示也适用于触摸屏 它涉及调用func_tooltip()。当出现一些初始工具提示时,就会出现问题。。。。func_tooltip()被调用,它们可以工作。如果有新的动态内容,则需要再次调用func_tooltip(),然后新的工具提示才能工作。但是,如果两次调用func_tooltip(),则原始工具提示每次只工作一次,然后它们将停止工作 见: 部分代码: $(function(){ func_tooltip(); $("#show_new_cont

我使用的jquery工具提示也适用于触摸屏

它涉及调用func_tooltip()。当出现一些初始工具提示时,就会出现问题。。。。func_tooltip()被调用,它们可以工作。如果有新的动态内容,则需要再次调用func_tooltip(),然后新的工具提示才能工作。但是,如果两次调用func_tooltip(),则原始工具提示每次只工作一次,然后它们将停止工作

见:

部分代码:

$(function(){
    func_tooltip();
    $("#show_new_content").click(function(){
        $('#dynamic_div').html('<span title="New tooltip message" rel="tooltip">?</span>');
        func_tooltip();
    });
});
$(函数(){
func_工具提示();
$(“#显示新内容”)。单击(函数(){
$('#dynamic_div').html('?');
func_工具提示();
});
});

您正在使用的特定工具提示库缺少对动态工具提示的支持

当您第二次调用func_tooltip(或任何后续调用)时,包含rel=“tooltip”的所有元素都已被处理,并且其标题属性将被删除

需要执行此操作,以便浏览器的本机工具提示支持不会显示工具提示本身

要使该库不能清除以前的工具提示,它需要存储原始标题属性并从那里重新加载

不过,还有其他问题需要解决,比如再次调用func_工具提示时,每次都会将事件绑定添加到同一工具提示中。处理所有工具提示的中心事件处理程序可以避免该问题

工具提示库的另一个问题是它没有转义title属性中的任何内容,这会打开安全漏洞

所以这个库需要一些相当大的更新

我使用了jQueryUI的工具提示,在这里我可以添加新的工具提示,只需在需要的地方注入新的工具提示。jQueryUI工具提示可以跟踪鼠标的移动,并进行相应的调整,因此定位和我提到的其他问题都得到了解决


在我看来,查看jquery ui工具提示或类似内容比尝试修复正在使用的库更快。

我喜欢它在移动设备上工作,而不仅仅是在鼠标悬停的计算机上。我喜欢代码清楚明了,这样编辑起来就有点容易了。虽然在幕后需要相当大的更新,但是在HTML代码中添加工具提示的人不需要做任何更困难的事情;只需要打一次电话。。。。但我希望它在标题中使用html,比如现在可以在jqueryui工具提示中使用html:而jqueryui工具提示实际上在我的iPad上工作(我只是假设它们不会)。