2013-04-30 119 views
0

我用我asp.net項目的引導模式和我的代碼是引導模式不關閉關閉按鈕點擊?

<div id="mymodal" class="modal"> 
<div class="modal-header"> 
<a class="close" data-dismiss="modal">×</a> 
<h3>Modal header</h3> 
</div> 
<div class="modal-body"> 
<p>One fine body…</p> 
</div> 
<div class="modal-footer"> 
<a id ="closemodal" href="#" class="btn">Close</a> 
<a href="#" class="btn btn-primary">Save changes</a> 
</div> 
</div> 

和我在我的母版頁的JavaScript是

<script type="text/javascript"> 
    $(function() { 
     $('#closemodal').click(function() { 
      $('#mymodal').modal('hide'); 
     }); 

    }); 
    </script> 

但是當我點擊關閉模式不關閉按鈕 在螢火蟲,錯誤顯示與java腳本寫它不是一個函數

回答

2

bootstrap的一點是,你不應該需要該jQuery才能使它工作。您可以刪除JavaScript和只添加屬性到您的關閉按鈕,它應該工作:(它是數據駁回該項關閉模式彈出=「模式」。)

<div id="mymodal" class="modal"> 
    <div class="modal-header"> 
    <a class="close" data-dismiss="modal">×</a> 
    <h3>Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
    <a id="closemodal" href="#" class="btn" data-dismiss="modal" aria-hidden="true">Close</a> 
    <a href="#" class="btn btn-primary">Save changes</a> 
    </div> 
</div> 

你需要引導javascript文件包含在您的母版頁中,如果您有正常彈出的模式彈出窗口,我認爲它必須已經存在。

<script language="JavaScript" type="text/javascript" src="bootstrap.min.js"></script>