JQuery append 如何插入到刚生成的html代码中?

发布于 2022-09-02 01:15:07 字数 1705 浏览 11 评论 0

在点击按钮后,我先判断某个位置的html是否存在,如果不存在就生成一个,然后写了使用append插入Html到这个刚生成的html里面,但是append无法插入,而是在第一次点击后再点击一次才能插入。
HTML结构

    // 文章块加载
        // 判断当前的ID块内容是否生成
        if(CatBox.length){
            // 存在,显示这个ID块
            CatBox.addClass('on');
        }else{
            // 不存在,生成一个块
            var sethtml = '<div id="cat_id_' + CatId + '" data-paged="1" class="box-page-row on"><div class="page-card"></div></div>';//生成块的内容
            BoxPages.append(sethtml);
        }

        // 判断文章是否存在
        var PostPlace = CatBox.children('.page-card');//文章要加载位置的
        if(PostPlace.html() == null || PostPlace.html() == ''){
            // 文章不存在,需加载
            get_catid_post(CatId,1,PostPlace);
        }
    });
    function get_catid_post(id,paged,setplace){
        var query_data={
          'action':'get_catid_post',
          'catid':id,
          'paged':paged
        };
        $.ajax({
            type:'post',
            dataType:'html',
            url:localmain.ajax_url,
            data:query_data,
            beforeSend:function(){

            },
            success:function(response){
                setplace.append(response);
            }
        }); 
    }

大概意思就是
我在

var sethtml = '<div id="cat_id_' + CatId + '" data-paged="1" class="box-page-row on"><div class="page-card"></div></div>';//生成块的内容
            BoxPages.append(sethtml);

这里生成了一个html,然后我需要在这个html里面插入html代码。

get_catid_post(CatId,1,PostPlace);

这个内容则是插入代码设置,其中POSTPLACE是上面代码中

<div class="page-card"></div>

这块,我要在这块里面插入html代码。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

方圜几里 2022-09-09 01:15:07

你给贴代码啊。。。应该是逻辑上的错误。代码执行顺序不对导致的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文