0

我在动态创建的 ASP 用户控件中使用 JQuery Chosen 插件。它可以在 Firefox 中运行，但不能在 IE8 中运行。

我在母版页中包含以下样式和脚本，

<link rel="stylesheet" href="jquery-ui-1.8.18.custom/css/dark-hive/jquery-ui-1.8.18.custom.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="css/QMStyles.css" />
<link rel="stylesheet" href="css/screen.css" type="text/css" />
<link rel="Stylesheet" href="css/jquery.alerts.css" />
<link rel="Stylesheet" href="css/jquery.qtip.min.css" />
<link rel="Stylesheet" href="css/ui.spinner.css" />
<link rel="Stylesheet" href="css/jquery.contextMenu.css" />
<link rel="stylesheet" href="css/chosen.css" />


<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>

<script type="text/javascript" src="js/jquery.alerts.js"></script>

<script type="text/javascript" src="js/jquery.scrollTo.js"></script>

<script type="text/javascript" src="js/jquery.qtip.min.js"></script>

<script type="text/javascript" src="js/ui.spinner.min.js"></script>

<script type="text/javascript" src="js/chosen.jquery.min.js"></script>

选择选项在查看源时看起来像这样

<select name="ctl00$ContentPlaceHolder1$ctl00$ddlMType" id="ctl00_ContentPlaceHolder1_ctl00_ddlMType">
    <option value="1">value1</option>
    <option value="2">value2</option>
    <option value="3">value3</option>
    <option value="4">value4</option>
    <option value="5">value5</option>
    <option value="6">value6</option>
    <option value="7">value7</option>

</select>

这就是我使用选择的方式

 $(function() {
     $('#ctl00_ContentPlaceHolder1_ctl00_ddlMType').chosen().change(function(e, a) {
         $('#ctl00_ContentPlaceHolder1_ctl00_selectedMList').val($(e.target).val());
     });
});
4

1 回答 1

0

您是否在 Intranet 环境中工作？

在这种情况下，IE8 将以兼容模式运行，而 Chosen 将不起作用。

我遇到了同样的情况，这个答案帮助了我。

我使用的是 MVC 4，但类似的东西可能对你有用。将此添加到您的 Web.config

<system.webServer>
 <httpProtocol>
   <customHeaders>
     <clear />
     <add name="X-UA-Compatible" value="IE=edge" />
   </customHeaders>
 </httpProtocol>
<system.webServer>
于 2013-01-23T21:17:17.907 回答