处理模态中的错误

Question

我有一些加载了链接的模式（见下文）。每当加载模态时出错（即通过wcf服务调用加载模态中的数据），只有一个灰色屏幕，就像模态试图打开并且没有加载模态一样。 chrome developer tool console中显示错误

此外，如果我单击正确加载的模式链接，关闭该模式，然后单击生成错误的模式链接，则会加载上一个模式。

如何加载错误模式，或者在发生错误时将用户重定向到错误页面？

布局（局部视图）

<div class="container">
    <div class="row">
        <div id="modal-container" class="modal fade" tabindex="-1" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content col-sm-8 col-lg-offset-2">
                </div>
            </div>
        </div>
    </div>
</div>

//这里的一些代码......

    $(document).on('show.bs.modal', '.modal', function() {
        var zIndex = 1040 + (10 * $('.modal:visible').length);
        $(this).css('z-index', zIndex);
        setTimeout(function() {
            $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
        }, 0);
    });

        $('body').on('click', '.modal-link', function(e) {
            e.preventDefault();
            $(this).attr('data-target', '#modal-container');
            $(this).attr('data-toggle', 'modal');
        });

         // Attach listener to .modal-close-btn's so that when the button is pressed the modal dialog disappears
        $('body').on('click', '.modal-close-btn', function() {
            $('#modal-container').modal('hide');
        });
        //clear modal cache, so that new content can be loaded
        $('#modal-container').on('hidden.bs.modal', function() {
            $(this).removeData('bs.modal');