从子页面访问母版页上的引导模式弹出
本文关键字:模式 访问 母版页 | 更新日期: 2023-09-27 18:04:08
我有模态弹出在主页假设如下
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
我想从页访问这个模态弹出我所做的就是点击按钮
HtmlGenericControl loginDIV =(HtmlGenericControl)Master.FindControl("login");
ScriptManager.RegisterStartupScript(Master.Page, Master.Page.GetType(), $"LoginModel", $"$('#{loginDIV}').modal();", true);
和
HtmlGenericControl loginDIV =(HtmlGenericControl)Master.FindControl("login");
ScriptManager.RegisterStartupScript(Page, Page.GetType(), $"LoginModel", $"$('#{loginDIV}').modal();", true);
我不知道该怎么做?
尝试以下操作。
你应该在你的母版页上有以下代码用于模态弹出
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
和子页
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
确保data-target
具有与模态div相同的id,在本例中是myModal