按照評(píng)論里的回答使用load可以加載，但是關(guān)閉模態(tài)框以后再次點(diǎn)擊按鈕彈出來以后，再點(diǎn)擊模態(tài)框上的關(guān)閉或者確定按鈕沒有反應(yīng)。

a.html內(nèi)容:

<a class="btn btn-info addparent" data-toggle="modal" data-target="#addParentModal">增加頂級(jí)欄目</a>
<div class="addparent-modal-panel"></div>

js內(nèi)容:

$(".addparent").click(function(){
    $(".addparent-modal-panel").load("../model/model.html")
})

model.html內(nèi)容:

<div class="modal fade" id="addParentModal" role="dialog" aria-labelledby="myModalLabel" 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" id="myModalLabel">增加頂級(jí)欄目</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                         <label for="column-name" class="col-sm-2 control-label">名稱：</label>
                         <div class="col-sm-6">
                           <input type="text" class="form-control" id="column-name">
                         </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <div class="form-group btnbox">
                       <button type="submit" class="btn btn-primary sure-addparent" style="margin-right:20px">確定</button>
                      <button type="button" class="btn btn-default" data-dismiss="modal">關(guān)閉</button>
                </div>
            </div>
        </div>
    </div>
</div>

（原問題）

點(diǎn)擊按鈕以后彈出模態(tài)框，我想這個(gè)模態(tài)框的代碼不在當(dāng)前html頁面中，而是點(diǎn)擊了按鈕以后從別的文件阿什么的引進(jìn)來這段代碼，并彈出模態(tài)框，想問這段代碼應(yīng)該放在哪里并且怎樣引入呢。