引导模态不断消失

时间:2018-11-13 04:07:15

标签: asp.net webforms bootstrap-4 bootstrap-modal

单击按钮后,我一直试图显示模式。问题是模态弹出,但随后自动关闭。我在开头部分仅链接了两个js文件,分别是bootstrap.js和jquery.js。

这是我的头部:

-

这是按钮的代码:

const re = /^(?!-+$)[a-z -]+$/i;
[
  'A-B',
  'ABC XYZ-ASD A',
  'ABC*',
  'AB IC-B_',
  'AB C$%^',
  '--------'
].forEach((str) => {
    console.log(
      str + ' ' + (re.test(str) ? 'Pass' : 'Fail')
    )
  });

这是模态:

<head runat="server">
<title></title>

<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />

<script src="vendor/jquery/jquery.js"></script>
<script src="vendor/bootstrap/js/bootstrap.js"></script>

非常感谢!

1 个答案:

答案 0 :(得分:0)

ASP.NET Webforms会根据控件类型为其控件生成自定义HTML,并且可能会覆盖onclick等javascript事件...

除非您需要在后端访问它们,否则不应使用ASP控件。

尝试使用简单的html元素:

<button type="button" data-toggle="modal" data-target="#PopupBookForm">
     Launch demo modal
</button>