Question

具体来说，如果我从example.php加载此内容，请查看表单class =“aj-c-p”我使用此类通过Ajax发送用户注释（下面的代码）。

<form class="aj-c-p" action="set_comentario.php" method="post">
<input type="hidden" name="comment_id" value="'.$publicacion.'">
<input type="hidden" name="user_from" value="'.$profile_id.'">
<input type="hidden" name="dat_fullurl" value="'.$dat_fullurl.'">
<input type="hidden" name="photo_from" value="'.$renglon['foto'].'">
<input type="hidden" name="name_from" value="'.$renglon['nombre'].'">
<input type="hidden" name="current_date" value="'.'Enviado el: .date(d).'/'.date(m).'/'.date(y).' a la(s): '.date(H).':'.date(i).':'.date(s).'">
<div class="contenido-y-publicacion">
<textarea onClick="clearInterval(auto_refresh);" class="b_green" name="sub_com" class="area-nosize" aria-expanded="false" role="textbox" dir="ltr"> </textarea> <br/> <input class="c-button" type="submit" value="Comentar"> <br/> <br/> <div id="name-for-coms"><h3>Comentarios</h3></div> <div id="divisor-tres"></div><br/><br/></div>
</form>

的Ajax：

$('.aj-c-p').submit(function(e) {

        var data = $(this).serialize();

        // Stop the form actually posting
        e.preventDefault();

        // Send the request
        $.ajax({
            type: "POST",
            url: "set_comentario.php",
            data: data,
            cache: false,
            success: function(html){
                $('.b_green').val('');
            }
        });
    });

所以当我用example.php刷新表单由于某种原因ajax代码不能正常工作时，我认为是因为新内容是动态添加的，任何人都知道添加类“aj-cp”的方法动态添加表单，有没有办法呢？

Answer 1

应该是这样的 -

$(document).on('submit' , '.aj-c-p', function(e) {

    var data = $(this).serialize();

    // Stop the form actually posting
    e.preventDefault();

    // Send the request
    $.ajax({
        type: "POST",
        url: "set_comentario.php",
        data: data,
        cache: false,
        success: function(html){
            $('.b_green').val('');
        }
    });
});

如何将类添加到新的动态添加内容？

1 个答案: