html页面渲染使用ajax问题的bootstrap模式？

Question

我使用ajax在bootstrap模式上渲染html页面，页面渲染没有任何问题，但我想在bootstrap模式中显示html页面而不是在bootstrap模式上。

如果我使用样式css display:block隐藏html页面，它将显示bootstrap模式。这意味着我的html页面没有在bootstrap模式下呈现，而是通过bootstrap模式呈现。

我做了什么：

Jquery代码：

$(document).ready(function($) {
    $('#builder_modal').click(function(event) {
        console.log("Builder");
        $.ajax({
            url: '_Add_new_commision_package',
            type: 'post'
        }).done(function (data) {
            console.log(data);
            jQuery('#categoryModal .modal-content').html(data);
            $('#categoryModal').modal({
                "backdrop": "static"
            });
        });
    });
});

Bootstrap Modal：

<div class="modal fade in" id="categoryModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

        </div>
    </div>
</div>

那么我这样做是为了在bootstrap模式中呈现html页面？

图片：