Bootstrap模式弹出窗口，并呼叫页面更改

Question

我正在使用Twitter Bootstrap并调用模态弹出窗口。很棒。我想添加一个能力来调用一个新/更改页面。我会使用JS还是可以添加到HREF？

<a data-toggle="modal" data-gallery="dining-room" href="#galleryModal"> 

Answer 1

而不是href =“＃galleryModal”，将其指向实际的远程URL。

<a data-toggle="modal" data-gallery="dining-room" 
    href="yourRemoteURL" data-target="#modal-Container"> 

试试这个还有：

HTML：

<a href="yourRemoteURL" id="clicker" role="button" class="btn">Clicker</a> 
<div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div> 

JS：

$(function() { 
    var $modal = $('#modal'); 
    $('#clicker').on('click', function (e) { /** Call the modal manually */ 
     e.preventDefault(); 
     var url = $(this).attr('href'); 
     $modal.html('<iframe width="100%" height="100%" frameborder="0" scrolling="no" allowtransparency="true" src="' + url + '"></iframe>'); 
     $modal.modal({ 
      show: true 
     }); 
    }); 


    $modal.on('hide', function() { 
     $modal.empty() /** Clean up */ 
    }); 
}); 

的jsfiddle：http://jsfiddle.net/Cp3WY/