2017-11-25 129 views
1

我需要點擊一個按鈕,然後等待3秒鐘,然後模態打開。如何在點擊後3秒後打開Bootstrap Modal

可能嗎?如果可能,請給我JavaScript代碼。我嘗試下面的代碼,但它會在3秒後自動打開我的模式。我認爲模式應該是打開的,只有當我點擊按鈕,然後它等待3秒鐘,然後彈出模式。

setTimeout(function() { 
    $("#basicModal").modal(); 
}, 3000); 

請幫幫我。

<a href="#" class="btn btn-lg btn-success" 
    data-toggle="modal" 
    data-target="#basicModal">Click to open Modal</a> 
+0

如何幫助您

工作的解決方案? plz給我發送代碼 –

回答

0

下面的代碼將使用引導模式

JSFiddle Demo

var timeoutId = 0; 

function myFunction() { 
    $('#myModal').modal('show'); 
} 
$('#watch').on('click', function() { 
    setTimeout(myFunction, 3000); 
}); 
+0

試試這兩個都不成功..模態框打開後立即點擊 –

+0

@AnanyaSharma在代碼片段中,它的工作原理我認爲,你是否定義了函數myFunction(){ $('#myModal')。模態( '節目'); '','$(「#basicModal」)。modal();'行僅用於初始化我認爲的模態,請在腳本標記的頂部定義這一行?如果您可以在[JSFiddle](https://jsfiddle.net/)中複製該問題,我可以查看它! –

+0

@AnanyaSharma此外,您可以刪除屬性「data-toggle =」modal「 data-target =」#basicModal「,因爲這樣會打開模式,就像這樣!我們打算以編程方式打開模式! –