2013-09-22 72 views
0

我正在使用bootstrap創建一個站點,並且想要使用模態。我想要做的是儘可能地讓我的代碼和高效。我想要做的是有類似這樣的Bootstrap Modals抓取數據

<a href="modals/faq.php" class="modal">faq</a> 

按鈕/鏈接當有人點擊(仍然在index.php頁)這個鏈接它會打開一個模式,並從faq.php並顯示抓住所有的數據它...

這裏是我有一個模式的代碼...

<button data-toggle="modal" data-target="#cashout" data-loading-text="Loading..." class="btn btn-primary btn-lg btn-block"><i class="icon-btc"></i> Cash Out</button> 
<center> 
    <div class="modal fade" id="cashout" tabindex="-1" role="dialog" aria-hidden="true"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
        <h4 class="modal-title">Head goes here</h4> 

       </div> 
       <div class="modal-body">body goes here</div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       </div> 
      </div> 
     </div> 
    </div> 
</center> 

基本上每當我有類集合爲模式的,它從一個鏈接,上面粘貼它抓住的數據。我希望你明白我的意思。非常感謝!

回答

0

這樣做的最簡單的方法,我至少可以想到的是使用Ajax來獲取您的PHP頁面的返回數據。獲得數據後,您可以使用jQuery將其附加到您選擇的元素。

$.ajax({ 
url: "faq.php", 
type: "POST", 
async: false, 
data: {"search": str}, 
success: function(data){ 
     alert("test"); 
     $("#result").html(data); 
    } 
}); 

我不確定這是不是您要找的。