2015-09-21 52 views
0

我最近開始使用引導模式彈出。除了一個令人討厭的東西,我需要爲使用模式彈出窗口創建整個div層次結構外,它看起來很棒。例如使用引導模式彈出

<div class="modal fade"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title">Modal title</h4> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body&hellip;</p> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    <button type="button" class="btn btn-primary">Save changes</button> 
    </div> 
</div><!-- /.modal-content --> 
</div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

我寧願一種傳遞標題內容,主體內容作爲參數而不是創建整個結構的方式。我對結構的基本問題是,如果明天Bootstap重命名/添加一個新類,我將需要在N個地方更改它,並且還有很多重複的代碼似乎並不正確。

我錯過了一些技巧,或者是要這樣做。

+2

你可以有一個模型模板,並在運行時更改'header'數據,'body'數據和'footer'數據 –

+0

我想說這取決於你使用的框架。不同的人有不同的方式來處理這種情況。 – Ixonal

+0

@lxonal我正在使用Jquery&Bootstrap Js –

回答

-1

您可以使用一個函數,將模板添加到您的特定內容,可以嗎?