2013-01-01 91 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> 
相關問題