包括一個jQuery函數中的HTML代碼

我有以下的jQuery函數包括一個jQuery函數中的HTML代碼

$('button.forward').click(function() { 

    });

這裏曾經前進按鈕 - 下面是按鈕的代碼 - 被點擊，一個模式應該出現這樣

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" 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-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel">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> 
    </div> 
</div>

來源

2015-01-31 Jon

讀取API提問之前。：http://getbootstrap.com/javascript/ – taesu 2015-01-31 17:56:45

在你頁面的末尾添加一個HTML代碼（body標籤內），並添加以下到您的jQuery：

$('#myModal').modal('show')

查看Bootstrap JavaScript reference瞭解更多詳情。

來源

2015-01-31 17:55:48 MTCoster

謝謝。我已經申請了代碼，但我主要關注的是，對話模式快速自敗upoin點擊，下面是代碼$（「button.forward」）。點擊（函數（）{ $（「＃myModal2」）模式（」 show「）; }）; – Jon 2015-01-31 18:19:41

這是什麼意思？你是說它閃爍了一秒鐘然後又消失了嗎？ – MTCoster 2015-01-31 18:23:05

是恰恰正是發生 – Jon 2015-01-31 19:07:32

$('button.forward').click(function() { 
    $("#myModal").modal("show"); 
});

來源

2015-01-31 17:56:19 Sadikhasan

謝謝。我已經應用了代碼，但是我主要關心的是對話框模式快速消失（閃爍一秒鐘然後消失），下面是代碼$（'button.forward'）。click（function（）{$（「＃myModal2「）。modal（」show「）;}） – Jon 2015-01-31 19:08:25

$('button.forward').click(function() { 
     $("#modal-body").show(); 
    });

如果你想模態體在默認情況下使用該代碼被隱藏

：

<script> 
$(document).ready(function(){ 
$("#modal-body").hide(); 
    $('button.forward').click(function() { 
      $("#modal-body").show(); 
     }); 
}); 
</script>

來源

2015-01-31 17:57:04 NobleCreed

包括一個jQuery函數中的HTML代碼

回答

相關問題