如何在ASP.Net MVC中调用Bootstrap模态框?
如何在ASP.Net MVC中调用Bootstrap模态框?
我创建了一个示例项目,每当我点击一个按钮链接时,它应该调用一个包含模态弹出窗口的视图。我能够调用视图,但其中的模态框没有显示出来。我该怎么办来修复它?谁能帮帮我?谢谢。
这是我的代码。链接应该调用包含模态框的"Create_Business_Info"视图。
@{ ViewBag.Title = "Business_Info"; } Business INFO!
这是应该显示的模态框的代码。
Business Information
有人能帮帮我吗?非常感谢。
问题的原因可能是代码中调用Bootstrap Modal的方式不正确,使用了错误的方法。解决方法是使用正确的调用方式,即$('#myModal').modal('show')
。此外,还需要将脚本放在包含模态框的视图中,以确保在加载该视图时显示模态框。以下是一个可工作的示例:
$(document).ready(function () { $("#myModal").modal('show'); });
如果仍然无法正常工作,可能是代码中有其他问题,可能是未显示的其他代码中有错误。可能是重复加载了jQuery文件,也可能是其他任意随机问题导致无法正常工作。请查看浏览器控制台窗口并告知您发现了哪些错误。
问题的出现的原因是代码中使用了错误的方法来调用Bootstrap Modal。解决方法是修改代码中的调用方法为正确的方法。
具体的解决方法是将脚本代码修改为以下形式:
将`selector.show()`修改为`selector.modal('show')`。
来源链接:Launch Bootstrap Modal on page load
这个方法通过在window加载完成后调用`modal('show')`方法来手动打开一个模态框。在模态框真正显示之前(即在shown.bs.modal事件发生之前),该方法会返回给调用者。
根据问题描述,要求在点击链接后显示模态框。所以将上述代码放置在包含模态框的视图中即可。
根据问题描述,遵循了指示但仍然无法正常工作。