单击链接时保持Bootstrap Modal打开

时间:2013-05-25 04:37:51

标签: ajax twitter-bootstrap bootstrap-modal

我有一个Ajax模型并且在模态中有许多链接,但是当我点击链接时,它将重新加载页面而不是模态中的内容。如何保持模态开放?我正在使用的代码:

  <div class="modal-header">
    <a class="close" data-dismiss="modal">&times;</a>
    <h3>Modal header 2</h3>
</div>
<div class="modal-body">

//content

<div class="modal-footer">
    <a class="btn btn-primary" onclick="$('.modal-body > form').submit();">Save Changes</a>
    <a class="btn" data-dismiss="modal">Close</a>
</div>


    $(document).ready(function() {

// Support for AJAX loaded modal window.
// Focuses on first input textbox after it loads the window.
$('[data-toggle="modal"]').click(function(e) {
    e.preventDefault();
    var url = $(this).attr('href');
    if (url.indexOf('#') == 0) {
        $(url).modal('open');
    } else {
        $.get(url, function(data) {
            $('<div class="modal hide fade">' + data + '</div>').modal();


        }).success(function() { $('input:text:visible:first').focus(); });
    }
});

});

1 个答案:

答案 0 :(得分:0)