我想显示一个模态窗口,它是对成功操作的数据库的更新的响应,我在 a 中定义模态窗口,Response.Write
但它没有显示窗口,我已经加载了 jquery 库,引导程序,但它仍然存在什么都不给我看
Response.Write(" <div class='modal fade' id='modal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel'>" & _
" <div class='modal-dialog'>" & _
" <div class='modal-content'>" & _
" <div class='modal-header'>" & _
" <button type='button' data-dismiss='modal' aria-hidden='true'>x</button>" & _
" <div class='modal-body'>" & _
" <blockquote>" & _
" <p style='text-align:justify;'>Registro exitoso<span id='error2'></span></p>" & _
" </blockquote> " & _
" </div>" & _
" <div class='modal-footer'>" & _
" <a href='reporte_renov' data-dismiss='modal' class='btn btn-danger btnsalir'>Aceptar</a>" & _
" </div>" & _
" </div>" & _
" </div>" & _
"</div>")
发生这种情况是因为默认情况下Bootstrap中的模式是隐藏的(它们
display:none
在类中具有它们.modal
)。因此,仅在 HTML 中编写模式是不够的,您还必须激活它才能显示它。在代码中编写模态框后,您可以使用
modal()
JavaScript 命令以编程方式显示它:因此,当收到确认数据库中的 UPDATE 成功并且您在页面上编写模式时,您必须打开它
$("#modal").modal()
(因为 ID 是“模式”),以便它显示在屏幕上。这是它如何工作的示例。单击按钮,以便使用 JavaScript 打开模式
另一种选择,如果您只想显示注册成功消息,您可以使用此库
AlertifyJS
,您可以在此处下载:Alertify。并使用简单的警报显示消息(您也可以使用主题Bootstrap
):它看起来像这样:
好吧,如果你想在 codeBehind 中调用它,你可以使用
RegisterStartupScript
: