Neste exemplo:
<div id="menu">
<ul>
<li><a href="<c:url value="/produtos/novo"/>">Novo Produto</a></li>
<li><a href="<c:url value="/produtos"/>">Lista Produtos</a></li>
<li>
<form action="<c:url value="/produto/busca"/>">
<input id="busca" name="nome"/>
</form>
<script type="text/javascript">
$("#busca").puts("Busca produtos por nome");
$("#busca").autocomplete(?/goodbuy/produtos/busca.json?, {
dataType: "json",
parse: function(data) {
return $.map(data.list, function(produto) {
return {
data: produto,
value: produto.nome,
result: produto.nome
};
});
},
formatItem: function(produto) {
return produto.nome + "(" + produto.preco + ")";
}
});
</script>
</li>
</ul>
</div>
Funciona perfeitamente o autocomplete, mas como eu faria para retirar os scripts desta página .jsp e colocar em um arquivo separado, .js?
Eu criei um arquivo busca_autocomplete.js, removi as tags e chamei no head:
Porém, somente com o conteúdo dentro das tags no arquivo busca_autocomplete.js não funcionou.
É necessário criar alguma função?
