1
私はWeb上でタスクアプリをやっています...私はtextareaを持っていて、自動的にenterを押すとli要素にそれを加えてください。 ..jQueryプラグインは自動的にli要素に追加されますか？
をここの作品が、リフレッシュのWebページの後に追加し、二回は
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しばらくは成功していない。それはうまくいったのですが、今のところそれはできません。私はこのjsファイルとjqueryファイルをリンクしました