Question

每当用户点击不同的按钮时，我都会尝试动态地将html内容添加到页面中。我正在使用ajax调用从后端获取json数据。

问题是数据被正确添加但我在页面上看不到它（我看到它只用开发人员工具查看html）。它可能与在ajax调用之后不应用的css样式有关但我无法解决它。

我尝试使用几种jquery方法，例如：bind，delegate，没有运气。

$('.rubro').on('click', function(ev){
        ev.preventDefault;
        var subcat = $(this).attr('id');
        url = '/subcat/' + subcat;
        $.ajax({
            url: url,
            type: 'GET',
            contentType: 'application/json;charset=UTF-8',
            success: function(data) {   
                var parsedData = $.parseJSON(data);
                var categories = parsedData['cats'];
                var categories_elements = '';
                var batch_size = 5;
                while (categories.length) {
                    categories_elements += '<div class="col-md-3 col-sm-6 col-xs-12">'
                    $.each(categories.splice(0, batch_size), function(i, cat){
                            categories_elements += '<div class="fh5co-counter to-animate">' +
                            '<i class="fh5co-counter-icon icon-briefcase to-animate-2"></i>' +
                            '<span class="fh5co-counter-label">' + cat['stringified_path'] +  ' -> ' + cat['name'] + '</span>' + 
                            '</div>' + 
                            '</div>'
                    });
                 }
                 $('#pop_cats').append(categories_elements);

这些是按钮：

<button id="1055" class="btn btn-success rubro">Celulares</button>
<button id="1648" class="btn btn-success rubro">Computación</button>

在ajax调用之后附加css样式

0 个答案: