2014-10-30 122 views
1

我正在使用boostrap 3 modals使用遠程路徑選項,如下所示。Bootstap Modal - 設置遠程路徑並以編程方式打開

<a href="mystuff.htm" class="btn btn-default" role="button" data-toggle="modal" data-target="#modCurIssue">view</a> 

<div id="modCurIssue" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <!--- content from mystuff.htm will appear here ---> 
     </div> 
    </div> 
</div> 

這工作正常,但不是點擊鏈接我想打開模式編程!

我試圖避免在鏈接上觸發click()事件,如果可能的話。

+0

所有你需要的是一個iframe。只需在你的model-content div中創建一個iframe。 – Sefa 2014-10-30 11:51:41

回答

2

由於3.2.1遠程選項一起使用,將在以後的版本中刪除。建議明確加載內容,然後調用show方法打開模式:

$('#modCurIssue').find('.modal-content').load('mystuff.htm', function() { 
    $('#modCurIssue').modal('show'); 
}); 
+0

偉大的知識。非常感謝 – Sam 2014-10-30 12:07:59

0
<a href="#" class="btn btn-default" role="button" data-toggle="modal" data-target="#modCurIssue">view</a> 

<div id="modCurIssue" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <iframe src="mystuff.htm"></iframe> 
     </div> 
    </div> 
</div>