Javascript 以编程方式显示引导模式窗口

我正在使用JavaScript。我不知道如何打开引导模式。 当我点击下面的按钮时，它工作正常：

 <button type="button" class="btn btn-primary" data-toggle="modal" id="btnOpenPopup" data-target="#myModal">
     Open modal
 </button>

---

您可以使用

modal（）

函数切换模态

$（“#myModal”）.modal（显示|隐藏）

这与引导程序3和4相同

---

有关Bootstrap4.x，请参阅源代码。

，看起来好方法是

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

来源：

尝试将modal（）函数放入document.ready中

$(document).ready(function() {
    $('#myModal').modal('show');
});

---

这是工作方法

您可以通过

.hide（）

和

.show（）

---

试试这个。这对我有用

如果您有一个登录按钮，并且登录详细信息正确，那么您希望显示此弹出窗口。那就这样做吧

<button type="button" class="btn btn-primary" onclick="checkUserDetails()"> Login</button>

---

希望对您有所帮助。

您的引导版本是什么？4.1.0是我的引导版本。您如何以及何时使用此功能？页面加载了吗？没有。我有一个登录按钮。如果登录详细信息正确，那么我想显示此窗口。是否存在任何控制台错误？@PranitaChavan发布您尝试此操作时使用的代码。

$(function(){
   $("#myModal").hide();
   $("#btnOpenPopup").click(function(){
         $("#myModal").show();
    });
 });

<button type="button" class="btn btn-primary" onclick="checkUserDetails()"> Login</button>

function checkUserDetails() {
  // Check user details here 
  if (loginDetail) {  
    $("#YourModelName").show();   // show modal/popup
  } else {
    // do somethimg if logindetails is not valid
  }
}