jQuery - Modal Window 提示 .modalWindow is not a function

最新推荐文章于 2022-11-28 16:23:00 发布
最新推荐文章于 2022-11-28 16:23:00 发布
阅读量2k 收藏
点赞数
分类专栏： 前端 笔记 文章标签： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiangruyimo122/article/details/79869720
版权

如题，在调试JS的时候发现出现如上问题，第一次窗口弹出正常，关闭后第二次提示错误。

原因modalWindow 方法使用的是jquery.modal-window-cmd.js插件。而modalWindow方法中load的html使用了jquery-2.0.3.min.js插件，这两个插件冲突造成的。

在新Load的html中删除jquery-2.0.3.min.js的引用即可解决。

PS：至于为什么两个js文件会造成冲突，暂时没有找到原因。希望大家看到指导。

多肉熊童子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery.faModal:Fu**ing Awesome Modal window for jQuery，滚动条不烂
07-03
jQuery.faModal 模态 Windows 插件，滚动条不吸引人。 它小巧且易于为您的项目进行修改。 仅支持 CSS3 浏览器。 查看 初始化 < script src =" jquery.js " > </ script > < link rel =" ...
jquery警告弹出提示.rar
07-04
《jQuery警告弹出提示详解与应用》 在Web开发中，用户交互是不可或缺的一部分，而弹出提示框则是实现用户交互的重要方式之一。本篇将深入探讨jQuery中的警告弹出提示，结合“jquery警告弹出提示.rar”这个压缩包中...
jQuery EasyUI框架 modalwindow 初体验
zlj1217的博客
02-15 820
jQuery EasyUI是前端中设计页面的框架，功能比较强大，这里我用到的只是下载之后demo示例中的 modalwindow这个显示效果。还有很多其他页面组件的设计上可以使用这个框架，可以使前端变得更美观。 官方demo中的效果如图： 这里我用到的是在点击修改按钮，就跳出修改的框，同时传入这个网页框要修改的信息，在网页框的保存按钮上注册事件，提交到后台中更新教室信息。 1.将下载
jQuery
过期的秋刀鱼
08-22 899
jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。
使用videojs来实现视频拖拽在线播放web端
my_interface的博客
03-04 1万+
先下载video.js。 video的官方js文档：https://docs.videojs.com/ 其他的简介文档：http://www.jq22.com/jquery-info404 1.html页面显示的信息 页面显示的信息 ··<%@ page contentType="text/html;charset=UTF-8"%> <html> &lt...
解决 VIDEOJS: WARN: Player “my-player“ is already initialised. Options will not be applied.
罗锦天的博客
01-15 7421
解决 VIDEOJS: WARN: Player "my-player" is already initialised. Options will not be applied.VIDEOJS: WARN: Player "my-player" is already initialised. Options will not be applied.出现问题的代码修改后代码 VIDEOJS: WARN: Player “my-player” is already initialised. Options wi
vue报错 n.apply is not a function
热门推荐
dylan的博客
12-03 2万+
原因： vue绑定的 变量名 和 函数名 重名了 &amp;amp;lt;!-- 代码 --&amp;amp;gt; &amp;amp;lt;Modal v-model=&amp;quot;editAudit&amp;quot; title=&amp;quot;编辑审核价&amp;quot; ok-text=&amp;quot;确定&amp;quot; cancel-text=&amp;quot;取消&amp;
jquery 模态modal弹出式登录框窗口.zip
11-16
$(window).on('scroll.modal', function() { if ($("#myModal").is(":visible")) { $("body").addClass("noscroll"); } else { $("body").removeClass("noscroll"); } }); }); ``` 4. **表单验证和提交**：...
javascript经典特效---打开窗口等待.rar
03-11
这可能涉及到在打开新窗口或者执行耗时操作时，显示一个等待动画或提示，以告知用户系统正在处理请求。 实现"等待窗口"的常见方法是使用模态对话框（modal dialog）或者自定义的HTML元素，配合CSS动画来创建一个...
showModalDialog模态对话框的使用详解以及浏览器兼容
12-02
例如，可以使用Bootstrap的Modal组件，或者其他JavaScript库如jQuery UI或SweetAlert等。 总之，`showModalDialog`在某些特定场景下仍具有一定的实用性，特别是在需要确保用户完成特定任务或交互之前不能离开当前...
No compatible source was found for this video. 解决方法
11-22
videojs播放rtmp流，测试代码，需要部署到服务器上(包括但不限于tomcat，iis）,路径为test/tes2.html。
使用videojs播放rtmp和m3u8视频
打不死的小强lee的博客
09-12 1万+
使用videojs播放rtmp视频 可用，我把三个引用文件拉下来放在本地也是可以的。
网页弹出框----播放视频
weixin_34290352的博客
07-05 1495
网页弹出框----播放视频网站的视频 1/准备好基础网页.重置样式表什么的都已经写好的网页 2/调入弹出框CSS样式 /*! * ui-dialog.css * Date: 2014-07-03 * https://github.com/aui/artDialog * (c) 2009-2014 TangBin, http://www.planeArt.cn * ...
视频播放插件video.js
浩星
04-30 3233
老规矩，先看效果图： 这里主要实现效果用的是video.js插件。后面会把源码及其，js，css文件放到网盘，有需要的朋友可以提取一下， <!doctype html> <html> <head> <meta charset="utf-8"> <title>Video.js 7.4.1</title> &lt...
前端实现视频在线预览插件之video.js上手
Mr_Van的博客
12-04 6259
前端实现视频播放预览1、预览效果图2、预览窗口dom3、Js代码4、引入相应的js库和css布局即可进行预览了。 亲测G级视频秒播, 不考虑传输和缓存。当然视频得在服务器上 最近做了个新功能。说白了其实就是一个系统内的留言。当然留言内容包括视频留言、图片留言、信息留言、文档留言。对新提交的内容需要先进行预览和审核。然后针对附件内容进行下载。当然上传下载都是自己在做。后面有时间再来讲Java实现视频上传、转码、文件压缩、前端自定义导出word文档。 1、预览效果图 先上效果图吧，这是博主嵌套在界面里面的一
javascript---window.createPopup
Simplicity is more complicated than you think
12-13 5808
在Web上使用菜单可以极大地节约页面的空间，同时也比较的符合用户从Windows上继承下来的UI操作体验。在以往的Web页菜单设计中，我们 普遍使用div嵌套table的方式来实现菜单，这样的菜单有个最致命的问题就是会被覆盖。我们为了解决这个问题，有时我们 干脆在显示图层菜单的同时隐藏页面上的所有下拉列表框，在菜单消失的时候，再显示他们。这个方法虽然可以解决问题，而其优化过后还可以只隐藏和下拉列表
Uncaught TypeError: i.createPopper is not a function
allway2的博客
11-28 2760
我们在脚本之前加载了脚本， 否则我们会得到“createPopper 不是函数”类型错误。请注意，您还可以在页面上单独包含脚本。如果您走这条路线，请确保在加载之前加载。我们在下拉菜单中添加了一个事件侦听器，以便每次都打印消息 将显示下拉列表。如果您在页面上分别加载脚本，请确保将脚本放在脚本上方，否则会出现错误。我们需要的脚本，以便添加功能 下拉列表、模态、工具提示、弹出框等。这是一个工作示例，它加载引导捆绑包脚本来解决 错误。下面是单独加载脚本的完整示例。JavaScript插件。下面是示例中文件的内容。
<script type="text/javascript"> $(document).ready(function() { $(".new-option-r").click(function() { $(this).parent('.user-addresslist').addClass("defaultAddr").siblings().removeClass("defaultAddr"); }); var $ww = $(window).width(); if($ww>640) { $("#doc-modal-1").removeClass("am-modal am-modal-no-btn") } }) </script>这是什么意思
最新发布
05-22
这是一段 JavaScript 代码，其中包含了一些 jQuery 的语法。代码的功能是：当页面加载完成后，给 class 为 "new-option-r" 的元素添加一个点击事件，当点击该元素时，会给它的父级元素添加一个名为 "defaultAddr" 的 class，并且移除其它兄弟元素上的 "defaultAddr" class。另外，根据屏幕宽度的不同，会给 id 为 "doc-modal-1" 的元素添加或移除一些 class。具体的效果要看该代码在哪个网页中被使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值