jquery dialog load页面时.dialog is not a function

解决jQuery Dialog加载子页面后关闭报错问题
最新推荐文章于 2021-06-05 16:38:17 发布
原创 最新推荐文章于 2021-06-05 16:38:17 发布 · 2.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细阐述了在使用jQuery dialog效果时，如何在父页面中加载子页面并解决关闭后重新加载时出现的错误。通过分析问题原因，提供了具体的解决方案，帮助开发者避免了因子页面中引用了jQuery js而引发的$("#youId").dialogisnotafunction错误。

在用jquery的dialog效果时，在父页面中弹出样式load一个子页面，在点击关闭之后，重新load就报错说

$("#youId").dialog is not a function   从网上找到答案。是因为子页面中引用了jquery的js。

<script language="javascript" src="${ctx}/js/common/jquery-1.7.2.min.js"></script> 

line_aijava
关注
jQuery Dialog 弹出层对话框插件(可加载url地址)
03-28
**jQuery Dialog弹出层对话框插件：深入解析与应用** jQuery Dialog是jQuery UI库中的一个组件，它提供了一种优雅的方式在网页上创建交互式的弹出层对话框。这个插件不仅允许用户展示信息，还可以加载外部URL内容，...
jQuery对话框Dialog弹出层插件演示与使用说明
07-03
jQuery Dialog 是一个强大的弹出层插件，常用于创建各种对话框、提示窗口或模态框，极大地丰富了网页的交互体验。这个插件是基于 jQuery 库构建的，因此在使用前确保已经引入了 jQuery。下面将详细介绍如何使用 ...
使用jQuery dialog前端报错Uncaught TypeError: $(…).dialog is not a function，解决方法
sinat_34524133的博客
10-09 5603
正确引入js和css文件 <script type="text/javascript" src="js/jquery-3.5.1.js" ></script> <script src="js/jquery-3.5.1.min.js"></script> <script src="js/jquery-ui.min.js"></script> <script src="js/jquery-ui.js"></script
jQuery UI dialog插件出错信息:$(this).dialog is not a function
weixin_34096182的博客
04-23 267
使用jQuery UI 1.7.2 dialog插件，遇到这样的错误：  [img]http://dl.iteye.com/upload/attachment/308166/97c428e4-2ce2-367e-b4df-4c4da7686b95.bmp&amp;quot; alt=&amp;quot;&amp;quot; width=&amp;quot;210&amp;quot; heigh...
报错：Uncaught TypeError: $(…).dialog is not a function，处理方法。
热门推荐
weixin_40125777的博客
09-06 1万+
在写前端queryselfplan.js代码时运用  $.dialog({ type: 'alert', content: '该计划未创建' }); 报错：Uncaught TypeError: $(…).dialog is not a function 这时候查了很多资料，发现原因是jsp页面有css和js包没有导入，导包如下：
jQuery UI dialog插件出错信息:$(this).dialog is not a function及js引入重复解决办法
一窍不通只会复制粘贴的Java工程师
08-12 1万+
$(this).dialog is not a function js一直报这个错误 ，需要引用的js 插件 也全部引用 但还是报错 找了 好久 后来发现是一样的js 插件引入了两次 因为一个页面引入了另一个jsp  里面也有引用相同的js  删除重复的js插件
TypeError: $(...).dialog is not a function debug过程
全名工作狂的小城堡
10-19 8370
当你的项目里有运用到bootstrap和jquery UI两个JS插件的时候，你就知道错了……二者在很多方面都会存在冲突，比如我遇到一个问题debug了很久，错误如下： TypeError: $(...).dialog is not a function 根据stackoverflow上的解释，都是说jquery.js重复。然而我找了半天，都没有发现我有重复的地方。后来突然想到，是不是jque
Jquery dialog
04-28
**jQuery Dialog 深度解析** jQuery Dialog 是 jQuery UI 库中的一个核心组件，它提供了一种优雅的方式来创建可自定义的弹出对话框。这个组件不仅外观美观，还具有丰富的功能，使得开发者能够轻松地在网页应用中...
jquery ui dialog 扩展
08-06
《jQuery UI Dialog扩展详解》 在前端开发中，jQuery UI Dialog是一个非常实用的组件，它提供了弹出对话框的功能，可以用于警告、确认、信息提示等场景。这篇内容将深入探讨jQuery UI Dialog的扩展，包括如何自定义...
jQuery UI Dialog 扩展功能实现与优化
“jQuery UI Dialog 扩展”这一主题涉及的是基于 jQuery UI 框架中的 Dialog 组件进行功能增强和定制化开发的技术实践，其核心目标是提升前端用户体验、简化模态框（Modal）的使用方式，并实现更高级的功能如异步...
ajax上传文件附带参数问题之 $(...).dialog is not a function
小菜菜菜菜菜菜的博客
12-05 1299
1、先引用两个包 jquery-1.8.0.min.js和ajaxfileupload.js 2、再上传文件（这里是上传excel）和附带的参数（id）， html js File.upLoadFile=function(){ var id= document.getElementById("pipeImportId")
easyui使用dialog时报错dialog is not a function
weixin_45218651的博客
06-05 955
百度之后发现是因为多次加载jquery/各页面加载jquery版本不一致/更换jquery版本/清除缓存/easyui与bootstrap冲突，于是仔细检查了自己的代码，终于在body里发现是自己不知道什么时候加了个jquery的在线引用 将script这部分注释掉就没问题了 ...
$('#dlg').dialog('open') is not a function
zxh的专栏
06-27 2552
$('#dlg').dialog('open')  is not a function   如果已经导入了jqurey.js包，那么可能就是因为jquery的版本问题了，如果版本太高，就没有那个方法。尝试用低点的包。
jqueryUI的dialog报错
龙腾四海365的专栏
05-25 1495
jqueryUI的dialog报错 jQuery UI dialog插件出错信息$(this).dialog is not a function 试了很久，发现在当前页面上加载了jquery的js资源，在被load的那个页面中也加载了jquery的资源。 尝试将被load的页面中的jquery资源去除，错误便消除。
JQuery.UI Dialog & $().load() & JavaScript
10-13 1409
<br />On an event I am showing a JQuery.UI dialog. The way JQuery.UI Dialog works is it expects an existing DIV to simply transform into the dialog. I need a form in the dialog but I need it populated and shown via ajax. So here is how I go about
bootstrap使用load()函数加载页面报:$(...).load is not a function错误
baidu_41860619的博客
06-25 4618
我原本打算做一个信息管理系统，点击左侧标签栏，改变右边页面内容。实现这个效果应该使用jquery的load()函数。可我用bootstrap框架的时候，一直报$(…).load is not a function错误。 错误截图: 原因:jquery版本问题 这好像是bootstrap留的小坑，官网给的示例引用代码是这个： <!doctype html> <html lang="en"> <head> <!-- Required meta tags -
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值