Jquery 在向其添加数据后，将不显示div

我正在尝试动态创建下面的div，如图所示

我试过如下方法

但是div没有被显示

var json = [{
    "crustings": [{
        "crust_name": "kool crust ttttt",
            "crust_cost": "22"
    }],
        "toppings": [{
        "topping_name": "kool crust ttttt",
            "topping_cost": "22"
    }]
}];
quantity = 3;
creatediv();



function creatediv() {

    var addonsContent = $('<div class="popup_inner addonsContent"></div>');

    var popupheader = '<div class="popup_header">\
                    <h2>Addons</h2>\
                    <div class="rightAction">\
                        <a href="#" class="remove">Remove All</a>\
                        <a href="#" class="icon-ok-1 tick"></a>\
                    </div>\
                </div>';

    var addonsQtyWrap = $('<div class="addonsQtyWrap"></div>');

    var ulhtml = '<ul>';
    for (var i = 0; i <= quantity; i++) {
        if (i == 0) {
            ulhtml += '<li class="active">Qty-1</li>'
        } else {
            ulhtml += '<li>Qty-' + i + '</li>'
        }
    }

    ulhtml += '</ul>';

    addonsQtyWrap.append(ulhtml);


    var popup_content = $('<div class="popup_content">div class="popup_content_addonsWrap"></div></div>');


    for (var i = 0; i < json.length; i++) {
        var toppings = json[i].toppings;
        var crustings = json[i].crustings;

        var toppdata = '<div class="addonsListWrap"><h3>Toppings</h3><ul>';

        // For toppings
        for (var k = 0; k < toppings.length; k++) {
            toppdata += '<li>\
                                    <form>\
                                        <input type="checkbox"  data-mini="true"/>\
                                <label for="checkbox-mini-0">Topping items list</label>\
                                    </form>\
                                </li>';

        }

        toppdata += '</ul>';

        //  For Crustings

        var crustdata = '<div class="addonsListWrap"><h3>Crustings</h3><ul>';

        for (var j = 0; j < crustings.length; j++) {
            crustdata += '<li>\
                                    <form>\
                                        <input type="checkbox"  data-mini="true"/>\
                                   <label for="checkbox-mini-0">Crusting items list</label>\
                                    </form>\
                                </li>';

        }

        crustdata += '</ul>';


        popup_content.append(toppdata);
        popup_content.append(crustdata);

    }

    addonsQtyWrap.append(popup_content).append(popupheader).append(addonsContent);

    $("#test").append(addonsContent);

}

var json=[{
“结壳”：[{
“外壳名称”：“kool外壳ttttt”，
“结壳成本”：“22”
}],
“浇头”：[{
“topping_name”：“kool Skill ttttt”，
“最高成本”：“22”
}]
}];
数量=3；
creatediv（）；
函数creatediv（）{
var addonsContent=$（''）；
var Popader=\
插件\
\
\
\
\
';
var addonsQtyWrap=$（''）；
var ulhtml=“
”；
对于（var i=0；i我发现了两个问题，第一个问题是弹出窗口内容缺少打开<
更改
var popup\u content=$（'div class=“popup\u content\u addonswap”>）；
到
var popup\u content=$（''）；

其次，您正在将
addoncontent
附加到
$（“#test”）
中，它应该是

$（“#测试”）.append（addonsQtyWrap）；