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> &nbsp; add new university &nbsp; <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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -