Question

我在动态创建的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());
     });
});

Answer 1

您是否在Intranet环境中工作？

在这种情况下，IE8将以兼容模式运行，而选择将无效。

我遇到了同样的情况，This Answer帮助了我。

我使用的是MVC 4，但类似的东西可能适合你。将其添加到Web.config

<system.webServer>
 <httpProtocol>
   <customHeaders>
     <clear />
     <add name="X-UA-Compatible" value="IE=edge" />
   </customHeaders>
 </httpProtocol>
<system.webServer>

JQuery Chosen插件在firefox中运行但在IE8中没有

1 个答案: