Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy jQuery filter script is slow in IE, but quick in Chrome,Firefox,Opera
    primarykey
    data
    text
    <p><a href="http://www.staplijst.be/linken-van-en-naar-staplijst.htm" rel="nofollow">Dutch page containing <code>DIV</code> blocks which can be hidden using a jQuery script.</a></p> <p>If you look at this page with <strong>IE</strong> , you will notice that the filtering (hiding/unhiding <code>DIV</code> blocks is <strong>very slow</strong>.</p> <p><strong>I am using IE 8, Opera 11, Firefox 11, Chrome 18.</strong></p> <p>Using any other browser: <strong>Chrome</strong>, <strong>Firefox</strong> and <strong>Opera</strong>, it's <strong>much quicker</strong>.</p> <ul> <li><p>Can any bode tells me why this is ? </p></li> <li><p>Or can anyone make a suggestion to make it more responsive in IE ?</p></li> </ul> <p>This is the snippet I use to perform the filtering :</p> <pre><code>&lt;form class="searchBox"&gt; Zoek naar &lt;input type="text" name="filterargument" id="filterargument" /&gt; &lt;input type="button" name='filterbutton' id='filterbutton' value="filter..." /&gt; &lt;i&gt;(deel van de) clubnaam , de federatie of het clubnr&lt;/i&gt; &lt;/form&gt; &lt;script type="text/javascript"&gt; var $filterArgument = $("#filterargument"); $('#filterargument').keyup( function() { performFilter(); }); $('#filterbutton').click( function() { performFilter(); }); function performFilter() { var filterArgument = $filterArgument.val(); if (filterArgument === '') { $('.filterbaar').show(); } else { $('.filterbaar:not(:icontains("' + filterArgument + '"))').hide(); $('.filterbaar:icontains("' + filterArgument + '")').show(); } } &lt;/script&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload