-1

我已经绞尽脑汁好几个小时了，我不明白为什么引导模式在使用它的 ajax 功能时不会从 .on 事件内部显示加载屏幕。$('body').modalmanager('loading'); 如果我把它放在 .on 事件之外就可以工作，所以我知道脚本工作正常。但是当它在 on 事件中时，就像在插件示例中一样，我什么也得不到。有什么建议么？

我正在使用以下代码绑定点击事件：

    $.fn.modalmanager.defaults.resize = true;
    $.fn.modalmanager.defaults.spinner = '<div class="loading-spinner fade" style="width: 200px; margin-left: -100px;"><img src="http://localhost:2621/assets/img/ajax-modal-loading.gif" align="middle">&nbsp;<span style="font-weight:300; color: #eee; font-size: 18px; font-family:Open Sans;">&nbsp;Loading...</div>';

var $modal = $('#add-offense');

$('.add-offense-btn').on('click', function () {
    // create the backdrop and wait for next modal to be triggered
    // THIS IS NEVER CALLED INSIDE THE .on EVENT
    $('body').modalmanager('loading');

    var url = "/case/saveoffense/"; // the url to the controller

    setTimeout(function () {
        $modal.load(url, '', function () {

            $modal.modal().on("hidden", function () {
                $modal.empty();
            });
            $modal.modal();
        })
    }, 1000);
});

除了 bootstrap.js，我还包括了最新的 bootstrap-modal 文件，如下所示：

<script src="@Url.Content("~/assets/plugins/bootstrap-modal/js/bootstrap-modal.js")" type="text/javascript" ></script>
<script src="@Url.Content("~/assets/plugins/bootstrap-modal/js/bootstrap-modalmanager.js")" type="text/javascript" ></script>
4

1 回答 1

-1

见 a 标签；使用而不是 href=''

于 2015-05-15T04:09:42.717 回答