こんにちは私はjQueryとCodeigniterを使用しています。私はajaxを使用して削除エントリを追加できる簡単なToDoリストを作成しています。jQuery + AJAX deleteアンカーが機能しない
問題は、削除アンカーをクリックするたびにエントリを削除しないことです。エントリ機能を追加するとBTWが機能します。
は、ここに私のコードです:
<html>
<head>Todo List</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#submit').click(function() {
var msg = $('#message').val();
$.post("<?= site_url('todo/add') ?>", {message: msg}, function() {
$('#content').load("<?= site_url('todo/view/ajax') ?>");
$('#message').val('');
});
});
$('a.delete').click(function() {
var id = $('input', this).val();
$.post("<?= site_url('todo/delete') ?>", {todoid: id}, function() {
$('#content').load("<?= site_url('todo/view/ajax') ?>");
});
});
});
</script>
<body>
<div id="form">
<input type="text" name="message" id="message" />
<input type="submit" name="submit" id="submit" value="Add todo" />
</div>
<div id="content">
<?php $this->load->view('message_list'); ?>
</div>
</body>
</html>
todo_view.php message_list.phpそれが動作しないのはなぜ
<ol>
<?php foreach ($todolist as $todo): ?>
<li>
<?php echo $todo->todo; ?>
<a href="#" class="delete"><input type="hidden" value="<?=$todo->todoid ?>" />delete</a></li>
<?php endforeach; ?>
</ol>
?
どのようにそれが動作しません。あなたはhttp://plugins.jquery.com/project/livequery
乾杯、 微視的^地球人からそれをつかむことができますか? jQuery does not work、またはサーバー側にエラーがありますか? –
エントリは削除されず、#containerパーツは更新されません。私は確信していませんが、私はjQueryが動作していないものだと思っています(私はそれが何であるか、理由を知りたがっています) – alimango