如何在点击后3秒后打开Bootstrap Modal

问题描述：

我需要点击一个按钮，然后等待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>

如何帮助您

工作的解决方案？ plz给我发送代码 –

答

下面的代码将使用引导模式

JSFiddle Demo

var timeoutId = 0; 

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

试试这两个都不成功..模态框打开后立即点击 –

@AnanyaSharma在代码片段中，它的工作原理我认为，你是否定义了函数myFunction（）{ $（'＃myModal'）。模态（ '节目'）; ''，'$（“＃basicModal”）。modal（）;'行仅用于初始化我认为的模态，请在脚本标记的顶部定义这一行？如果您可以在[JSFiddle]（https://jsfiddle.net/）中复制该问题，我可以查看它！ –

@AnanyaSharma此外，您可以删除属性“data-toggle =”modal“ data-target =”＃basicModal“，因为这样会打开模式，就像这样！我们打算以编程方式打开模式！ –

如何在点击后3秒后打开Bootstrap Modal

相关推荐