jquery - simple modal pop up not working in ie 10.0? -


i'm using simple modal jquery plug-in having pop ups in mvc 4 website, works fine chrome , firefox not in internet explorer v10.0, if opened site in ie throws below java script error , modal popup not appearing

unhandled exception @ line 16, column 133 in http://localhost:55939/scripts/jquery.simplemodal.1.4.4.min.js 0x800a01b6 - javascript runtime error: object doesn't support property or method 'removeexpression' 

in layout page i’m rendering below scripts

<script src="@url.content("~/scripts/jquery-2.0.2.min.js")" type="text/javascript"></script>     <script src="@url.content("~/scripts/jquery.infieldlabel.min.js")" type="text/javascript"></script> 

below login.cshtml page

<script src="@url.content("~/scripts/jquery.validate.min.js")" type="text/javascript" ></script> <script src="@url.content("~/scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript" ></script> <script src="@url.content("~/scripts/jquery.simplemodal.1.4.4.min.js")" type="text/javascript" ></script>   <div id="login" class="modal">      @using (html.beginform())     {         <p class="heading"><u>sign in account</u></p>         <p>             @html.labelfor(m => m.username, new { @class = "inlabel" })             @html.textboxfor(m => m.username, new { @class = "infield" })         </p>         <p>             @html.labelfor(m => m.password, new { @class = "inlabel" })             @html.passwordfor(m => m.password, new { @class = "infield" })         </p>         <table class="errormessage">             <tr>                 <td height="10px">                     @html.validationsummary(true, "login unsuccessful. please correct errors , try again.")                 </td>              </tr>         </table>         <div>             @html.actionlink("forgot password?", "forgotpassword")             <input type="submit" value="sign in" class="submitbutton" />         </div>      }  </div>   <script type="text/javascript">     $(document).ready(function () {         $("label").infieldlabels();         $("#login").modal({ overlaycss: { backgroundcolor: '#cccccc' } });     }) </script> 

i’m not sure if there compatibility issue simple modal , jquery plugins appreciated.

many thanks

see answer noah lehmann-haupt in question: simple modal, jquery 1.8.0 , ie9

you'll need edit line of jquery.simplemodal

 // (line 239) $.support.boxmodel undefined if checked earlier  //browser.iequirks = browser.msie && !$.support.boxmodel;  browser.iequirks = browser.msie && (document.compatmode === "backcompat"); 

this problem has re-occurred jquery 1.10.1


Comments