Question

当用户提交表单时，信息和表单有效，但div框没有重新加载。我用过.atten，＃tag和.atten #tag。它只是没有抓住div盒。

<div class = 'atten' id = 'tag'>
formm is in here
</div>

echo "<script>
$(document).ready(function(){

    $('.atten').on('click', function(){
        var tag = $(this).attr('id');
        $('.atten').submit(false);
        $.post('atten_form.php',
                $('.atten#' + tag).serialize(),             
            function (data, status){
                $('#div' + tag).load(' #div' + tag);
                })
        });
});
</script>";

Answer 1

load函数用于从服务器加载数据，并将返回的HTML放入匹配的元素中，以获取更多详细信息，请阅读documentation。

如果要从当前页面上的元素加载数据，只需使用.html()函数。

$('div#' + tag).html($('div#' + tag).html());

以下是示例：

  $('.atten').on('click', function() {
     var tag = $(this).attr('id');
     $('div#' + tag).html($('div#' + tag).html()+ " content loaded");
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class='atten' id='tag'>
  formm is in here
</div>

Answer 2

This was the solution:

    "<script>
$(document).ready(function(){

$('body').on('click', '.atten', function(el){ //changed from form id .atten to body.
    var tag = $(this).attr('id');
    $('.atten').submit(false);
    $.post('atten_form.php',
            $('.atten#' + tag).serialize(),             
        function (data, status){
            $('#divWrap' + tag).load(' #atten' + tag); //added an additional div around the div with id atten$tag.
            });
    })
 })

</script>";

jQuery没有按类，id或类AND id重新加载div

2 个答案: