Testamos a função de preenchimento automático da interface do usuário do Jquery (jquery-ui-1.8.10.custom.min.js) em uma página HTML simples que funcionou.

Em seguida, copiamos o mesmo código em um controle de usuário do Asp.net e ele para de funcionar. O erro do Javascript diz "$ searchBox.autocomplete não é uma função".

Este controle de usuário está sendo usado em um projeto Asp.net Sitefinity 3.7. Na página, há um ScriptManager. Não tenho certeza do que mais posso adicionar ...

Alguém sabe o que está acontecendo?

Alterar:

<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">

Obrigado.