javascript - jQuery msDropdown ie9 问题

Question

我在 asp.net 中开发一个网站，我使用 msDropdown-master jQuery 来修改一个下拉列表“更漂亮”，在选项中放置图像等等。

但是使用这个控件，我遇到了一个真正的问题，因为它在 IE9 中不能正常工作并且降低了......

在 Firefox 中，控件显示如下:

从IE 9开始，在IETester中看到是这样的:

这就是控件在所有浏览器中的显示方式，我假装让我的网站交叉浏览所有版本的 IE7 到最新版本，以及所有其他浏览器。

作为代码，我可以向您展示我使用的代码，对于 msDropdown css，我使用官方网站 ( https://github.com/marghoobsuleman/ms-Dropdown) 中提供的默认 dd.css。

下拉菜单的 ASP 代码是:

<asp:DropDownList runat="server" ID="ddLanguageSelector" CssClass="LanguageSelector" AutoPostBack="True" onchange="javascript:if(this.options[this.selectedIndex].value == 'More'){ showMoreLanguages(); return false; }" OnSelectedIndexChanged="ddLanguageSelector_SelectedIndexChanged" meta:resourcekey="ddLanguageSelectorResource" />

jQuery/Javascript 代码是:

// Language Selector
$(document).ready(function (e) {
    try {
        $("header div.Wrapper div.HeaderUserAccess select.LanguageSelector").msDropDown();
    } catch (e) {
        alert(e.message);
     }
});

按照评论中的要求，我将把我在网站中使用的 jquery 的 regitration 放在这里:

<!--[if lt IE 8]><!-->
<script type="text/javascript" src="Content/Scripts/jQuery/jquery-1.11.0/jquery-1.11.0.min.js"></script>
<!--<![endif]-->
<!--[if gt IE 8]|!(IE)><!-->
<script type="text/javascript" src="Content/Scripts/jQuery/jquery-2.1.0/jquery-2.1.0.min.js"></script>
<!--<![endif]-->

好的，所以我真正需要的是找到一个方法，使 msDropdown 在 IE 9、8 和 7 中不会出现未格式化的情况。

你们中有人知道 IE9 中控件出现这种行为的原因吗？

好的...现在我只确认了以下内容:

1. 我有一个结构，其中有一个 div，带有 css“position: relative;”
2. 在那个 div 里面，我有几个带有 css“position: absolute;”的 div
3. 下拉列表位于其中一个包含 css "position: absolute;"的 div 中

目前我只是认为这是问题所在，因为我删除了 div 结构之外的下拉列表，它在所有 IE9、IE8、IE7 甚至 IE6 中都能完美运行。

那么现在的问题是……如何处理div结构中的下拉列表？知道它在 IE9 和该结构中的较低版本中行为不端吗？

还有一个很好的解决这个问题的方法......拜托......

提前感谢您的关注。

Answer 1

我认为这是 jquery 版本问题。使用此代码:

<!--[if lt IE 9]>
    <script src="Content/Scripts/jQuery/jquery-1.11.0/jquery-1.11.0.min.js"></script>
<![endif]-->
<!--[if (gte IE 9) | (!IE)]><!-->
    <script src="Content/Scripts/jQuery/jquery-2.1.0/jquery-2.1.0.min.js"></script>
<!--<![endif]-->

希望它有效。测试于:http://jsfiddle.net/3BzGP/9/show/所有 IE 版本。

还要检查工作的 IE jquery 版本(兼容) http://jquery.com/browser-support/