無法打開模式內的鏈接的另一個頁面

我試圖使用引導模式內的按鈕來鏈接到我的網站上的另一個頁面。由於某種原因，我無法做到這一點。下面是該模式中的代碼看起來像：無法打開模式內的鏈接的另一個頁面

<div class="modal-footer"> 
    <a href="another-page.php" data-dismiss="modal" class="btn btn-success">Read More</a> 
    <button type="button" data-dismiss="modal" class="btn btn-warning">Close</button> 
</div><!-- End modal-footer -->

點擊閱讀更多按鈕將關閉該模式，但無法打開鏈接到另一個-page.php文件。是否有另一個標籤，我錯過了？

來源

2015-07-05 clsmith623

控制檯中是否存在任何錯誤？ –

從您的按鈕data-dismiss="modal"屬性...

<div class="modal-footer"> 
    <a href="another-page.php" class="btn btn-success">Read More</a> 
    <button type="button" data-dismiss="modal" class="btn btn-warning">Close</button> 
</div><!-- End modal-footer -->

例...

$('#openBtn').click(function(){ 
 
\t $('#myModal').modal({show:true}) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 

 

 
<a href="#" class="btn btn-default" id="openBtn">Open modal</a> 
 

 
<div id="myModal" class="modal fade" tabindex="-1" role="dialog"> 
 
\t <div class="modal-dialog"> 
 
\t \t <div class="modal-content"> 
 
\t \t \t <div class="modal-header"> 
 
\t \t \t \t <button type="button" class="close" data-dismiss="modal">×</button> 
 
\t \t \t \t <h3>Modal header</h3> 
 
\t \t \t </div> 
 
\t \t \t <div class="modal-body"> 
 
\t \t \t \t <p>My modal content here…</p> 
 
\t \t \t </div> 
 
\t \t \t <div class="modal-footer"> 
 
\t \t \t \t <a href="http://example.com" class="btn btn-success">Read More</a> 
 
\t \t \t \t <button class="btn" data-dismiss="modal">Close</button> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</div>

來源

2015-07-05 22:49:24 Turnip

就是這樣，我剛剛顯然錯過了http：//東西。非常感謝你！ – clsmith623

使用此命令，而不是data-dismiss="modal"鏈路

onclick="$('#modalId').modal('hide')"

來源

2017-01-31 20:07:34

無法打開模式內的鏈接的另一個頁面

回答

相關問題