Question

我在网上做任务应用程序...我有textarea，当你自动按回车时应该将它添加到li元素。添加作品但刷新网页后两次..

这里是js

var form = $('#add-form');
input = form.find('#text');

input.val('').focus();

   form.on('submit', function(event) {
        event.preventDefault();

        var req = $.ajax({
            url: form.attr('action'),
            type: 'POST',
            data: form.serialize()
        });

        req.done(function(data){
            if (data === 'success') {
                var li = $('<li class="list-group-item">'+ input.val() +'</li>');

                li.appendTo('.list-group')
                    .css({ backgroundColor: '#1b7abd'})
                    .delay(200)
                    .animate({ backgroundColor: '#ffffff'});



                input.val('').focus();
            }
        });
    });

的index.php

    <?php $data = $database->select('items', ['id', 'text']); ?>
<form id="add-form" class="col-sm-12" action="_inc/add-item.php" method="post">
    <p class="form-group">
        <textarea action="add-new.php" class="form-control" name="message" id="text" rows="1" placeholder="Buy a milk, Go to the grocery shop..."></textarea>
    </p>
</form>

附加task.php

<?php


    // include

    require 'config.php';

    // add to the db
    $id = $database->insert('items', [
        'text' => $_POST['message']
    ]);

    // success
    if ($id) {
        // header("Location: '. $site_url .'/index.php");
        die('success');
    }

?>

尝试解决一段时间但没有成功。虽然现在没有，但它仍然有效。我已经链接了这个js文件和jquery文件

Answer 1

问题在于我在config.php php错误包中可能阻塞了js。

jQuery插件自动附加到li元素？

1 个答案: