Edit Question - KnowledgeHub

Title Body

We've tested the Jquery UI (jquery-ui-1.8.10.custom.min.js) Autocomplete function in a simple HTML page which worked. We then copy the same code into an Asp.net User Control and it stops working. The Javascript error reads "$searchBox.autocomplete is not a function". This user control is being used in an Asp.net Sitefinity 3.7 project. On the page it has a ScriptManager. Not sure what else I can add... Anyone know what's going on? Ammend: <script src="/js/jquery-1.5.min.js" type="text/javascript"></script> <script src="/js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { var termTemplate = "<span class='ui-autocomplete-term'>%s</span>"; $('input#searchInput').autocomplete({ source: ['johannesburg z', 'johannesburg x', 'johannesburg v', 'johannesburg b', 'johannesburg a', 'johannesburg q', 'johannesburg u', 'johannesburg y', 'johannesburg o', 'johannesburg p'], minLength: 3, open: function (e, ui) { var acData = $(this).data('autocomplete'), styledTerm = termTemplate.replace('%s', acData.term); acData .menu .element .find('a') .each(function () { var me = $(this); me.html(me.text().replace(acData.term, styledTerm)); }); } }); }); </script> <div class="outerSearchBox"> <div class="searchFieldWrapper"> <input id="searchInput" type="text" class="searchField" /><a class="searchButton">SEARCH </a> <div class="searchSugContainer"> Thanks.

Tags (comma-separated) Cancel