Javascript JqueryUI工具提示防止<;选择>;在IE 11中停留下来的元素下拉列表

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

当我在IE11中打开这个HTML并允许编写脚本时,单击下拉菜单会导致它闪烁并立即消失。有什么想法吗

这是来自一个更大的应用程序,带有样式和其他元素,但这里是复制它的最低要求

我留下了一些技巧,我试图抵消这一点-在onclick和onmouseover中,您可以看到我的脚本试图删除属性。然而,任何破坏下拉列表的东西都已经破坏了它。甚至当我删除HTML顶部的脚本以显示工具提示时,也会发生这种情况;它没有出现,但下拉列表仍然被破坏

<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=
会干扰工具提示脚本的工作。谢谢你的提示,这会让代码看起来更好。然而,这就是我在示例中留下的代码,它让人们知道我尝试了什么-问题根本就没有出现。