zui 模态框弹出后第二次就无法弹出问题

发布于 2021-11-27 14:11:17 字数 1594 浏览 811 评论 4

<button class="btn btn-primary" id="add"  >弹出框测试</button>
	
<div class="modal fade" id="dialogModal" tabindex="-1" role="dialog" aria-labelledby="tsModalTitle" aria-hidden="true">
</div><!-- /.modal -->
<script type="text/javascript">
$(function(){
  $("#add").click(function(){
	$("#dialogModal").modal({
		show:true,
		remote:"./1.html",
		backdrop:'static'
	})
   })
})
</script>

1.html

<div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="modalTitle">标题</h4>
      </div>
      <div class="modal-body">
        <h1>Hello World!</h1>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary">保存</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->



使用zui的模态框,第一次可以弹出的,关闭弹出框后在点击弹出就有报错了,提示 #dialogModal 没有 modal方法


求各位大侠告知什么原因啊。



如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

挽清梦 2021-11-30 21:34:49

搞不懂模态怎么用  能不能有个入门的教程 比如:如何开始

用zui要引入的核心css和核心js等  啥也没说

叹沉浮 2021-11-30 06:30:39

我在远程对话框中引入了jquery.js ,二次弹出就有问题了,去掉引入的jquery就可以了,不知道为什么会有这个问题

浮生未歇 2021-11-29 12:29:36

回复
就是这里的1.html 引入的jquery.js

感情旳空白 2021-11-28 18:17:26

经检查,该问题不存在,参考这个页面的最后一个载入远
程内容的例子
http://zui.sexy/docs/example/modals.html

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文