2013-10-06 40 views
3

引導3模態窗口中使用的引導模式在我的代碼:我使用引導3(完整版),我不工作

<a data-toggle="modal" data-target="deleteMessage" class="btn btn-danger btn-sm"><span class="glyphicon glyphicon-remove"></span> Удалить</a> 

<!-- Modal --> 
<div id="deleteMessage" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false"> 
    <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">Modal title</h4> 
      </div> 
      <div class="modal-body"> 
       ... 
      </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 --> 

此代碼我從官方的文檔複製,但它不工作,模態窗口不顯示。

最新問題?

非常感謝。

回答

14

試圖改變你的錨代碼爲:

<a data-toggle="modal" data-target="#deleteMessage" class="btn btn-danger btn-sm"><span class="glyphicon glyphicon-remove"></span> Удалить</a> 

它看起來像有教程一個錯字,應該有在data-target屬性附加的「#」。

+1

完美。這是關鍵:data-target =「#deleteMessage」 –

+0

剛剛添加了'#'到'data-target =「#deleteMessage」'它工作正常!謝謝@fascynacja! –

4

你忘了包括#data-target屬性

<a data-toggle="modal" data-target="#deleteMessage" class="btn btn-danger btn-sm"><span class="glyphicon glyphicon-remove"></span> Удалить</a> 

Live DEMO