Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery autocomplete suggestion is not showing under textbox
    text
    copied!<p>I have been trying to get a simple example of the jquery-ui autocomplete to work. I have a controller setup to handle the query, and it returns the string that looks to be in order, but I am getting no suggestions showing up. </p> <p>Here are the libraries I am including on that page </p> <pre><code>&lt;link href="/Content/css/jquery-ui-1.8.12.custom.css" rel="stylesheet" type="text/css" /&gt; &lt;link href="/Content/css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" /&gt; &lt;link href="/Content/css/Stylesheet.css" rel="stylesheet" type="text/css" /&gt; &lt;link href="/Content/css/coupon1.css" rel="stylesheet" type="text/css" /&gt; &lt;link href="/Content/Slider/slidder.css" rel="stylesheet" type="text/css" /&gt; &lt;script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Scripts/jquery-ui-1.8.23.custom.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Scripts/el7r_notify.min.jq.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Scripts/ZeroClipboard.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Scripts/jquery.spellcheck.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Scripts/jquery.fancybox-1.3.4.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Scripts/jquery.validate.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Content/Slider/jquery.jcarousel.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Content/Slider/jquery-func.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Scripts/Coupon.js" type="text/javascript"&gt;&lt;/script&gt; </code></pre> <p>and here is the javascript and the form tags:</p> <pre><code> $(document).ready(function () { $("#tags").autocomplete({ source: function (request, response) { $.ajax({ url: '/Home/GetCompanyNames', success: function (msg) { response($.map(msg)); } }); } }); }); &lt;div class="ui-widget"&gt; &lt;label for="tags"&gt;tags: &lt;/label&gt; &lt;input id="tags" /&gt; &lt;/div&gt; </code></pre> <p>I get back a string response that looks reasonable from my controller:</p> <p>"LTJRKK, KTOYQQ, GDADKT, PVFOQT, PVFOQT, YNKYVS, YNKYVS, DQBOVU, DQBOVU "</p> <p>this string seem to be the default naming that autocomplete is looking for.</p> <p>But I get no joy at all. Any thoughts? </p>
 

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