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
Post a Comment