开发者社区> 问答> 正文

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

<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">×</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方法


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



展开
收起
爱吃鱼的程序员 2020-06-14 22:36:39 831 0
1 条回答
写回答
取消 提交回答
  • https://developer.aliyun.com/profile/5yerqm5bn5yqg?spm=a2c6h.12873639.0.0.6eae304abcjaIB

    经检查,该问题不存在,参考这个页面的最后一个载入远程内容的例子<atarget="_blank"rel="nofollow">http://zui.sexy/docs/example/modals.html回复<aclass='referer'target='_blank'>@x_y_f:就是这里的1.html引入的jquery.js我在远程对话框中引入了jquery.js,二次弹出就有问题了,去掉引入的jquery就可以了,不知道为什么会有这个问题刚刚打开你那个链接,点"打开框架对话框"按钮->再按ESC键左上角的examples链接展不开了.OS:Windows7x64Chrome36.0.1985.143m

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

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

    2020-06-14 22:36:58
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载