jquery - Once page load , table content disappearing in IE 11 -
i created mvc 4 application view table data set ,this working fine in ie 9 , ie 10 , firefox , chrome .
but in ie 11 once page load disappearing whole row content
this view file
@model ienumerable<affems2_hec.models.tbl_hec_university> @{ page.title = "dashboard"; layout = "~/views/shared/_hec_dashboard.cshtml"; } <div class="row"> <div class="col-xs-12"> <div class="box box-primary"> <div class="box"> <div class="box-header"> <div class="box-tools"> <div class="input-group" style="width:50%; float:left;"> <a class="editlink" href="@url.action("u_create", "hec", new { hei_id = @viewbag.hei_id })"><button class="btn bg-red btn-flat margin"> <i class="fa fa-graduation-cap"></i> add new university <i class="fa fa-plus"></i> </button></a> </div> @using (html.beginform("u_search", "hec", formmethod.get)) { <div class="input-group" style="width:50%; float:right;"> <input type="text" name="search" class="form-control input-sm pull-right" style="width: 150px;" placeholder="search" maxlength="25"/> <div class="input-group-btn"> <button class="btn btn-sm btn-default"><i class="fa fa-search"></i></button> </div> </div> } </div> </div><!-- /.box-header --> <!-- /.box-body --> <div class="box-body table-responsive no-padding"> <table class="table table-hover" id="table-hover"> <thead> <tr> <th class="sortout">university id</th> <th class="sortout">university name</th> <th class="sortout">established year</th> <th class="sortout">type</th> <th class="sortout">status</th> @* <th></th>*@ </tr> </thead> <tbody> @if (model.count() != 0) { foreach (var item in model) { <tr style="cursor: pointer;"> <td onclick="location.href = '@url.action("u_edit", "hec", new { hei_id = item.hei_id }) '"> @html.displayfor(modelitem => item.hei_id) </td> <td onclick="location.href = '@url.action("u_edit", "hec", new { hei_id = item.hei_id }) '"> @html.displayfor(modelitem => item.hei_name) @*@html.actionlink(item.hei_name == null ? "null" : item.hei_name, "u_edit", "hec", new { hei_id = item.hei_id }, null)*@ </td> <td onclick="location.href = '@url.action("u_edit", "hec", new { hei_id = item.hei_id }) '"> @html.displayfor(modelitem => item.year_establish) </td> <td onclick="location.href = '@url.action("u_edit", "hec", new { hei_id = item.hei_id }) '"> @html.displayfor(modelitem => item.type_of_hei) </td> </tr> } } </tbody> </table> <div id="pager" style="margin:10px; position: none;"> <form> <img src="@url.content("~/images/first.png")" class="first" /> <img src="@url.content("~/images/prev.png")" class="prev" /> <input type="text" class="pagedisplay" /> <img src="@url.content("~/images/next.png")" class="next" /> <img src="@url.content("~/images/last.png")" class="last" /> <select class="pagesize"> <option selected="selected" value="10">10</option> <option value="20">20</option> <option value="30">30</option> <option value="40">40</option> </select> </form> </div> </div> </div><!-- /.box --> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { $(".small-box.bg-aqua").addclass("stborder"); }); </script> @section scripts { @scripts.render("~/bundles/jqueryval") <script type="text/javascript"> $(function () { $("#table-hover") .tablesorter({ widthfixed: true }) .tablesorterpager({ container: $("#pager"), size: $(".pagesize option:selected").val() }); }); </script> }
these files render script folder
@styles.render("~/content/bootstrap.min.css") @styles.render("~/content/font-awesome.min.css") @styles.render("~/content/ionicons.min.css") @styles.render("~/content/morris.css") @styles.render("~/content/jquery-jvectormap-1.2.2.css") @styles.render("~/content/datepicker3.css") @styles.render("~/content/daterangepicker-bs3.css") @styles.render("~/content/bootstrap3-wysihtml5.min.css") @styles.render("~/content/adminlte.css") @scripts.render("~/scripts/jquery.min.js") @scripts.render("~/scripts/jquery-migrate-1.2.1.js") @scripts.render("~/scripts/bootstrap.min.js") @scripts.render("~/scripts/jquery-ui.min.js") @scripts.render("~/scripts/raphael-min.js") @scripts.render("~/scripts/morris.min.js") @scripts.render("~/scripts/jquery.sparkline.min.js") @scripts.render("~/scripts/jquery-jvectormap-1.2.2.min.js") @scripts.render("~/scripts/jquery-jvectormap-world-mill-en.js") @scripts.render("~/scripts/jquery.knob.js") @scripts.render("~/scripts/daterangepicker.js") @scripts.render("~/scripts/bootstrap-datepicker.js") @scripts.render("~/scripts/bootstrap3-wysihtml5.all.min.js") @scripts.render("~/scripts/icheck.min.js") @scripts.render("~/scripts/app.js") @scripts.render("~/scripts/dashboard.js") @scripts.render("~/scripts/demo.js") @scripts.render("~/scripts/jquery-1.4.4.min.js") @scripts.render("~/scripts/jquery.tablesorter.js") @scripts.render("~/scripts/jquery.tablesorter.pager.js") @scripts.render("~/scripts/jquery.placeholder.min.js")
is jquery issue or error in code ?
really appreciate if can show path
Comments
Post a Comment