Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/apache-kafka/3.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 工具提示为不同的元素显示相同的消息_Javascript_Jquery_Html_Jquery Ui - Fatal编程技术网

Javascript 工具提示为不同的元素显示相同的消息

Javascript 工具提示为不同的元素显示相同的消息,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,我正在应用程序中使用jQueryUI工具提示。该工具提示适用于除ie11之外的所有浏览器。如果在IE11下拉列表中使用select,则自动关闭。为此,我找到了解决这个问题的链接。它非常适合一个元素,如果我们使用多个元素(例如,两个选择和一个文本字段),它总是显示从第一个自定义工具提示获取的消息 我怎样才能做到这一点? 下面是代码片段。你可以查一下 $(函数(){ $(“[data tooltip open=true]”。工具提示({ 项目:“[数据内容=真]”, 内容:$(“[data too

我正在应用程序中使用jQueryUI工具提示。该工具提示适用于除ie11之外的所有浏览器。如果在IE11下拉列表中使用select,则自动关闭。为此,我找到了解决这个问题的链接。它非常适合一个元素,如果我们使用多个元素(例如,两个选择和一个文本字段),它总是显示从第一个自定义工具提示获取的消息

我怎样才能做到这一点? 下面是代码片段。你可以查一下

$(函数(){
$(“[data tooltip open=true]”。工具提示({
项目:“[数据内容=真]”,
内容:$(“[data tooltip open=true]”。数据('customtooltip'),
职位:{
我的:“中底20”,
在“中心顶端”,
使用:功能(位置、反馈){
$(this.css(position);
$("")
.addClass(“箭头”)
.addClass(反馈.垂直)
.addClass(反馈.水平)
.附于(本);
}
}
});
});

选择1
选择2
选择3
选择1
选择2
选择3
问题在于:

content: $("[data-tooltip-open=true]").data('customtooltip'),
它使用指定的选择器获取所有元素,并尝试获取
数据
属性。只要不止一个,就需要第一个

尝试在此处使用
功能

$(函数(){
$(“[data tooltip open=true]”。工具提示({
项目:“[数据内容=真]”,
内容:函数(){return$(this).data('customtooltip')},
职位:{
我的:“中底20”,
在“中心顶端”,
使用:功能(位置、反馈){
$(this.css(position);
$("")
.addClass(“箭头”)
.addClass(反馈.垂直)
.addClass(反馈.水平)
.附于(本);
}
}
});
});

选择1
选择2
选择3
选择1
选择2
选择3