I have written simple jquery script to show specified rows on my list. Code looks like this:
<style type="text/css"> .ms-listviewtable tr{ display: none; } </style> <script type="text/javascript"> $(document).ready(function() { var myvar = $('.ms-viewheadertr'); var myvar2 = $(".ms-listviewtable tr td:contains('Development')"); myvar2.parent().prev().css("display", "table-row"); myvar2.parent().css("display", "table-row"); myvar2.parent().next().css("display", "table-row"); myvar.css("display", "table-row"); });</script> </script>
Everything works perfectly in Chrome, FF and some other popular browsers except IE8 where the whole table is hidden. In developer tools i can see that Document mode is IE7 Standards. When i change this property to IE8, it works. Mayby there is a way to force this document to open in IE8 standards? I have
<meta http-equiv="X-UA-Compatible" content="IE=7" />
tag in my code and i can't change it.
thanks in advance