2013-04-30 145 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>