Question

你能帮我解决这个问题吗？我正在我的表单中创建验证，如果操作失败，我想添加一个bootstrap模式警报。我能够生成文本消息，但不显示模态的UI。

我把模态放在我的页脚之后，以便我可以全局调用它。这是我的代码：

<div class="modal fade bs-example-modal-sm modal_notification" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">

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

然后我在我的一个函数中有一个像这样的jquery进程：

var favorite = {
    'add': function(product_id) {

        var checkLogged = $('#btn-fav-' + product_id).data('logged');

        if(checkLogged == 1) {

            $.ajax({
                url: 'index.php?route=product/favorite/add',
                type: 'post',
                data: 'product_id=' + product_id,
                dataType: 'json',
                success: function(json) {

                    $('.alert').remove();

                    if(json['not_logged']) {

                    } else {

                        if (json['success']) {
                            $('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
                        }

                        $('#favorite-total').html(json['total']);

                        $('html, body').animate({ scrollTop: 0 }, 'slow');

                    }

                }
            });

        } else {

            // here's my bootstrap modal initialization
            var message = 'You should log in first!';

            $(".modal_notification").find('.modal-content').text(message);
            $(".modal_notification").modal('show'); 

        }

    }
}

else部分是我的模态应该初始化的地方。但只有透明的黑色布局和消息出现。

我该怎么办？我希望你能帮助我。

感谢。： - ）

如何使用Bootstrap模式添加动态模态内容？

0 个答案: