2013-01-01 70 views
0

我在动态创建的ASP用户控件中使用JQuery选择插件。它在Firefox中工作,但不在IE8中。JQuery选择插件在Firefox中工作,但不在IE8中

我已经inculded以下的母版页样式和脚本,

<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> 

这是怎么IM使用选择

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

当你说不工作时,你能说出什么错误吗?如果你没有得到任何错误,那么jQuery可能没有找到某个元素 - 或者没有触发某个事件。 – Aristos

回答

0

您是否在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> 
相关问题