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