Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery UI autocomplete not working in IE
    primarykey
    data
    text
    <p>I've got the new autocomplete widget in jQuery UI 1.8rc3 working great in Firefox. It doesn't work at all in IE. Can someone help me out?</p> <p><strong>HTML:</strong></p> <pre><code>&lt;input type="text" id="ctrSearch" size="30"&gt; &lt;input type="hidden" id="ctrId"&gt; </code></pre> <p><strong>Javascript:</strong></p> <pre><code>$("#ctrSearch").autocomplete({ source: "ctrSearch.do", minLength: 3, focus: function(event, ui){ $('#ctrSearch').val(ui.item.ctrLastName + ", " + ui.item.ctrFirstName); return false; }, select: function(event, ui){ $('#ctrId').val(ui.item.ctrId); return false; } }); </code></pre> <p><strong>Result (IE 8):</strong></p> <p>The red box is the <code>&lt;ul&gt;</code> element created by jQuery.</p> <p><a href="http://i40.tinypic.com/6q9quu.jpg" rel="nofollow noreferrer">http://i40.tinypic.com/6q9quu.jpg</a></p> <p>I also get this error:</p> <pre>Line: 116 Error: Invalid argument.</pre> <p>When I open it in the IE8 script debugger, it highlights <code>f[b]=d</code> on line 116 of jquery.min.js. Note that I'm using version 1.4.2 of jQuery hosted on Google's servers (<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" rel="nofollow noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js</a>).</p> <p>I've tried removing some of the options, but even when I call <code>.autocomplete()</code> with no options, or with only the source option, I still get the same result.</p> <p>Once again, it's working in Firefox, but not in IE. Any suggestions?</p> <p>Thanks.</p> <p><strong>UPDATE:</strong> As suggested, I used jquery.js (instead of jquery.min.js) and got the error on line 4618. See jitter's answer below. Please see <a href="https://stackoverflow.com/questions/2426802/jquery-offset-not-working-in-some-browsers-on-some-computers">this other Stack Overflow question</a> that was posted a few days ago.</p> <p><strong>UPDATE 2:</strong> I discovered that jQuery UI autocomplete uses an invalid property <code>this.element.height</code>, when it should be using the function <code>this.element.height()</code></p>
    singulars
    1. This table or related slice is empty.
    plurals
    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