dialog2移动弹框出不来演示效果jquery.min.js:2 Uncaught TypeError: Cannot read property 'ownerDocument' of null

使用dialog2移动弹框插件时,使用演示代码时报错出不来效果
报错信息:
jquery.min.js:2 Uncaught TypeError: Cannot read property ‘ownerDocument’ of null
报错信息在这里插入图片描述
解决过程:
1.首先,排除数据源data有错,使用简单alert弹框,发现数据源没有问题
2.检查是否导包,确认导包

3.再仔细检查报错信息,发现是有个ownerDocument对象没有创建出来

4.思考很久,归纳,可能dialog2包出错或者jQuery包出错,放弃睡觉
5,第二天早上2019.10.20,重新检验导包位置,有个东西进入视线,
!jquery.bootstrap在这里插入图片描述
jquery.bootstrap,一个样式弹框,突然想到两个弹框包会不会发生冲突?!!
6.注释掉它,发现已经可以正常获取demo效果!
7.结合控制台,可以看到dialog2弹框需要初始化,猜想可能是两个document对象冲突
!控制台在这里插入图片描述
8.猜想,调换导包顺序,使得DOM对象加载顺序不同
!jquery.bootstrap导包顺序在这里插入图片描述
发现bootstrap的弹窗效果出不来了,全被dialog2弹窗效果覆盖
两个弹框只能二选一了!bug解决!限于知识水平,有些原理还是清晰,继续努力!
总结:1.bug解决不了放一放
2.样式包加载顺序比js包靠前
3.不要随意集合js包

你可能感兴趣的:(dialog2移动弹框出不来演示效果jquery.min.js:2 Uncaught TypeError: Cannot read property 'ownerDocument' of null)