Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

JQuery - Código não funciona

solução

Olá, André

Um problema que encontrei no seu código foi o seguinte: na linha do $(this).animate, você tem um Function, com F maiúsculo; tem que ser minúsculo.

Outro problema é que faltou fechar as chaves e os parênteses da função de clique do #botao-adiciona:

    $('#botao-adiciona').click(function() {
        var treinamento = $('#treinamento');
        var texto = treinamento.val();
        treinamento.val('');
    });

Veja se isso resolve seu problema :)

3 respostas

Poxa, valeu mesmo. Eu estava procurando, procurando e não vi. O meu principal erro foi o Function com o F maiúsculo. A outra parte eu já tinha completado. Brigadão Luiz!

E até tentei procurar outras dúvidas, mas não achei o campo de busca. Enfim, o código abaixo não funciona. Não é o arquivo Jquery.js, nem falta de declaração. O que há de errado? Será o navegador?

<!doctype html>
<html lang="pt">
<head>
    <meta charset="UTF-8">
    <title>Introdução ao jQuery</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/estilos.css">
</head>
<body class="container">

<h1>Treinamentos</h1>

<input id="botao-atualiza" type="button" value="atualizar lista">

<ul id="lista">
    <li>Lógica de Programação</li>
    <li>Dando os primeiros passos na web com HTML e CSS</li>
    <li>Banco de dados e SQL</li>
    <li>Ruby on Rails: do zero com deploy</li>
    <li>NodeJS e Socket I/O</li>
    <li>Vraptor: web fácil e rápida</li>
    <li>Git: trabalhe em equipe com controle e segurança</li>
    <li>Primeiros passos com Java</li>
</ul>

<label>Novo treinamento:</label>
<input id="treinamento">
<input id="botao-adiciona" type="button" value="adicionar"/>

<script src="js/jquery.js"></script>
<script>

    $('#lista').on("dblclick", "li", function() {
        $(this).animate({"margin-left": "+=100"}, Function(){
            $(this).remove();
        });
    });

    $('#botao-adiciona').click(function() {
        var treinamento = $('#treinamento');
        var texto = treinamento.val();
        treinamento.val('');

</script>

</body>
</html>

Hehe... Isso acontece de vez em quando mesmo! Por isso às vezes o melhor é reescrever o código.