1

最初のクリックが成功した後、以下のコードを機能させることができないようです。$.post と ajax の両方を試してみましたが、うまくいきませんでした。アイテムを削除するための最初のクリックは機能しますが、後続のクリックは機能しません

<script>    
$(document).ready(function(){
$('[id^="del"]').click(function(){
    var valname = $(this).attr('id').split('del_');
    /*$.post("delthis.php", {id: ""+valname[1]+""}, function(data) {
            $("#dynamic_section").html(data);
    });*/
    $("#dynamic_section").load('delthis.php', {"id":valname[1]} );
    return false;
  });
});
</script>

<body>

<div id='static_section'>This is the static section</div>
<div id='dynamic_section' style='border: 1px solid black;'>
<?php
// db connection here
$sql = mysql_query("SELECT * from test_table ORDER BY id");
while ($row = mysql_fetch_array($sql))
{
?>
<p><a href='#' id='del_<?php echo $row['id']; ?>'>Hello <?php echo $row['id']; ?></a></p>
<?php
} 
?>
</div>

これは単純な delthis.php ファイルです。

<?php
// db connection 
//$id = $_POST['id'];
$id = $_REQUEST['id'];

$sql = mysql_query("DELETE from test_table WHERE id = '$id'");

$sql = mysql_query("SELECT * from test_table ORDER BY id");
while ($row = mysql_fetch_array($sql))
   $html .= '<p><a href="#" id="del_' . $row['id'] . '">Hello ' . $row['id'] . '</a></p>';

echo $html;

?>

ヘルプ/ポインタに感謝します。ティア！

4

3 に答える 3

3

問題は、#dynamic_section のすべてのコンテンツを置き換えるため、クリック イベントを「再バインド」する必要があることです。これを試して。

<script>    
$(document).ready(function(){
    function doPost(evt) {
        evt.preventDefault();
        var valname = $(this).attr('id').split('del_');
        $.post("delthis.php", {id: ""+valname[1]+""}, function(data) {
            $("#dynamic_section").html(data);
            $('[id^="del"]').click(doPost);
        });
    }

    $('[id^="del"]').click(doPost);
});
</script>

幸運を！

于 2012-09-01T03:55:36.480 に答える
1

dynamic_section の読み込みが完了したら、クリック機能をリンクに割り当てる必要があります

これが私のアプローチです。

<script>    

$(document).ready(function(){
  callback();
});

function callback(){
  $('[id^="del"]').click(function(){
   var valname = $(this).attr('id').split('del_');
   $("#dynamic_section").load('delthis.php', {"id":valname[1]}, function(){ callback() });
   return false;
  });

}
</script>
于 2012-09-01T03:56:37.507 に答える
0

これを試してみて、同様に機能しました：

 $('[id^="del"]').live('click', function(){

投稿された他のソリューションと比較して、これの長所/短所は何だろうか。似ている？

ありがとう。

于 2012-09-01T12:18:18.737 に答える