Javascript JqueryUI工具提示防止<;选择>;在IE 11中停留下来的元素下拉列表
当我在IE11中打开这个HTML并允许编写脚本时,单击下拉菜单会导致它闪烁并立即消失。有什么想法吗 这是来自一个更大的应用程序,带有样式和其他元素,但这里是复制它的最低要求 我留下了一些技巧,我试图抵消这一点-在onclick和onmouseover中,您可以看到我的脚本试图删除属性。然而,任何破坏下拉列表的东西都已经破坏了它。甚至当我删除HTML顶部的脚本以显示工具提示时,也会发生这种情况;它没有出现,但下拉列表仍然被破坏Javascript JqueryUI工具提示防止<;选择>;在IE 11中停留下来的元素下拉列表,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,当我在IE11中打开这个HTML并允许编写脚本时,单击下拉菜单会导致它闪烁并立即消失。有什么想法吗 这是来自一个更大的应用程序,带有样式和其他元素,但这里是复制它的最低要求 我留下了一些技巧,我试图抵消这一点-在onclick和onmouseover中,您可以看到我的脚本试图删除属性。然而,任何破坏下拉列表的东西都已经破坏了它。甚至当我删除HTML顶部的脚本以显示工具提示时,也会发生这种情况;它没有出现,但下拉列表仍然被破坏 <html> <script type="tex
<html>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script type="text/javascript">
$(function () {
$("[data-tooltip-open=true]").tooltip({
items: "[data-content=true]", content: $(this).data('content'),
position: {
my: "center bottom-20",
at: "center top",
using: function (position, feedback) {
$(this).css(position);
$("<div>")
.addClass("arrow")
.addClass(feedback.vertical)
.addClass(feedback.horizontal)
.appendTo(this);
}
}
}).tooltip("open");
});
</script><body>
<form>
<select name="test"
title="A selection from this list is required."
data-tooltip-open="true" data-content="true"
onclick="$(this).attr('data-tooltip-open','false');$(this).attr('title','');$(this).attr('data-content','false');"
onmouseover="$(this).attr('data-tooltip-open','false');$(this).attr('title','');$(this).attr('data-content','false');">
<option value=""></option>
<option value=" "> </option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</form>
</body>
</html>
$(函数(){
$(“[data tooltip open=true]”。工具提示({
项目:“[data content=true]”,内容:$(此)。数据('content'),
职位:{
我的:“中底20”,
在“中心顶端”,
使用:功能(位置、反馈){
$(this.css(position);
$("")
.addClass(“箭头”)
.addClass(反馈.垂直)
.addClass(反馈.水平)
.附于(本);
}
}
}).工具提示(“打开”);
});
选择1
选择2
选择3
谢谢你的帮助。谢谢。出于奇怪的原因,设置标题
$(this).attr('title','')或this.title='
正在关闭下拉列表
在IE11中的HTML下方尝试
使用jQuery.attr
编码
选择1
选择2
选择3
数据工具提示open
属性做什么,或者它应该做什么?而不是$(this).attr('data-tooltip-open','false')$(本)属性(“标题”)$attr('data-content','false')
您可以使用链$(this).attr('data-tooltip-open','false').attr('title','').attr('data-content','false')问题是你的onclick=
会干扰工具提示脚本的工作。谢谢你的提示,这会让代码看起来更好。然而,这就是我在示例中留下的代码,它让人们知道我尝试了什么-问题根本就没有出现。