如何在ASP.Net MVC中调用Bootstrap模态框?

17 浏览
0 Comments

如何在ASP.Net MVC中调用Bootstrap模态框?

我创建了一个示例项目,每当我点击一个按钮链接时,它应该调用一个包含模态弹出窗口的视图。我能够调用视图,但其中的模态框没有显示出来。我该怎么办来修复它?谁能帮帮我?谢谢。

这是我的代码。链接应该调用包含模态框的"Create_Business_Info"视图。

@{
    ViewBag.Title = "Business_Info";
}

Business INFO!


这是应该显示的模态框的代码。
















有人能帮帮我吗?非常感谢。

0
0 Comments

问题的原因可能是代码中调用Bootstrap Modal的方式不正确,使用了错误的方法。解决方法是使用正确的调用方式,即$('#myModal').modal('show')。此外,还需要将脚本放在包含模态框的视图中,以确保在加载该视图时显示模态框。以下是一个可工作的示例:

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





如果仍然无法正常工作,可能是代码中有其他问题,可能是未显示的其他代码中有错误。可能是重复加载了jQuery文件,也可能是其他任意随机问题导致无法正常工作。请查看浏览器控制台窗口并告知您发现了哪些错误。

0
0 Comments

问题的出现的原因是代码中使用了错误的方法来调用Bootstrap Modal。解决方法是修改代码中的调用方法为正确的方法。

具体的解决方法是将脚本代码修改为以下形式:


将`selector.show()`修改为`selector.modal('show')`。

来源链接:Launch Bootstrap Modal on page load

这个方法通过在window加载完成后调用`modal('show')`方法来手动打开一个模态框。在模态框真正显示之前(即在shown.bs.modal事件发生之前),该方法会返回给调用者。

根据问题描述,要求在点击链接后显示模态框。所以将上述代码放置在包含模态框的视图中即可。

根据问题描述,遵循了指示但仍然无法正常工作。

0
0 Comments

问题的出现原因是需要在ASP.Net MVC中调用Bootstrap模态框。为了解决这个问题,可以使用以下代码:

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

这段代码会调用Bootstrap的modal()方法来显示模态框。

0