`

jQuery UI dialog插件出错信息:$(this).dialog is not a function

阅读更多
使用jQuery UI 1.8.4 dialog插件,遇到这样的错误:

[img]http://dl.iteye.com/upload/attachment/308166/97c428e4-2ce2-367e-b4df-4c4da7686b95.bmp" alt="" width="210" height="44[/img]


$("#dialog").dialog({
	width: 480,
	height:"auto",
	resizable: false,
	draggable: true,
	modal: true,
	position: "center",
	autoOpen: false,
	dialogClass: "dialog",
	buttons: {"关闭":function(){
	$(this).dialog("close");
	}}
});

$("#chglogpwd").bind("click",function(){
	$("#dialog").dialog("option","height","400");
	showModalDialog("#dialog","/accoun/acc/change_logpwd_fm.html?"+new Date().getTime(),"修改登录密码");
			});

function showModalDialog(dialogEl,url,title,callback){
	var $this = $(dialogEl);
	$this.html("");
	$this.dialog("option","title",title);
	$this.dialog("open");
	$this.load(url).removeClass("hideh");
}


调试了很久,发现在当前页面上加载了jquery的js资源,在被load的那个页面中也加载了jquery的资源。
<script type="text/javascript" src="/common/js/jquery-1.4.2.min.js"></script>
尝试将被load的页面中的jquery资源去除,错误便消除。

  • 大小: 1.7 KB
分享到:
评论
5 楼 hyqaxxs 2017-11-28  
果然如此        
4 楼 Rhao 2016-08-12  
厉害 我的也是这样子  终于好了
3 楼 lt26i 2015-01-28  
有问题,删除了当前页面的引用其他需要引用的地方报错,用了这个方法的地方只是主页面的function的dialog里面,页面其他地方都能走得通,就是走到那就报错了,版本是1.34
现在是报TypeError: $.data(...) is undefined异常,不知道是不是跟源码有关
2 楼 kesun_shy 2013-05-08  
果然!!非常感谢啊!!!
1 楼 w156445045 2012-12-14  
确实是这样的,我这个错误也找了好久好久。。

相关推荐

    jQuery-ui Demo 官方UI插件

    最新官方jQuery UI插件 主流特效Demo,绝不含糊。 好东西不需要过多的言辞修饰,下了就知道! 所有效果说明: 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种...

    jquery ui dialog 扩展

    在前端开发中,jQuery UI Dialog是一个非常实用的组件,它提供了弹出对话框的功能,可以用于警告、确认、信息提示等场景。这篇内容将深入探讨jQuery UI Dialog的扩展,包括如何自定义行为、增强功能以及与其他技术...

    jQuery对话框Dialog弹出层插件演示与使用说明

    jQuery Dialog 是一个强大的弹出层插件,常用于创建各种对话框、提示窗口或模态框,极大地丰富了网页的交互体验。这个插件是基于 jQuery 库构建的,因此在使用前确保已经引入了 jQuery。下面将详细介绍如何使用 ...

    jquery ui中的dialog

    **jQuery UI中的Dialog组件** jQuery UI是一个功能丰富的JavaScript库,它提供了许多用户界面元素,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)等。在这些元素中,Dialog是创建弹出式窗口或模拟...

    JQuery UI Dialog使用样例

    &lt;div id="dialog" title="Dialog Title"&gt;Hello, this is a dialog! ``` 3. **初始化 Dialog** 使用 jQuery 的 `.dialog()` 方法初始化 Dialog。你可以设置各种选项,如宽度、高度、是否模态、关闭按钮等。 ```...

    jquery-ui.min.js

    jQuery UI是基于JavaScript库jQuery的一款强大的用户界面插件集,它提供了丰富的交互效果、可自定义的主题以及多种可重用的UI小部件。在本文中,我们将深入探讨jQuery UI的核心功能,尤其是标题所提及的`jquery-ui....

    jQuery Dialog 弹出层对话框插件(可加载url地址)

    jQuery Dialog是基于jQuery和jQuery UI库构建的,它提供了一种模态或非模态的对话框,可以用来显示警告、确认信息,或者作为一个独立的窗口来展示内容。基本使用方式是选择一个元素,然后调用`.dialog()`方法: ```...

    jquery-ui插件

    **jQuery UI插件详解** jQuery UI是一个基于JavaScript的开源库,它是jQuery库的扩展,提供了丰富的用户界面组件和交互效果。这个插件以其强大的功能、易于使用的API和可定制的主题而受到开发者的广泛欢迎。在本文...

    Jquery UI dialog 详解 (弹出层)

    ### Jquery UI Dialog 详解(弹出层) #### 一、引言 Jquery UI Dialog 是 jQuery UI 库中的一个重要组件,它提供了一个简洁而强大的界面来创建对话框或者弹出层。通过简单的配置和使用,开发人员可以轻松地集成...

    jqueryUI_dialog实例

    本文将深入探讨“jqueryUI_dialog实例”,这是一个关于如何使用jQuery UI库创建对话框(Dialog)功能的实践案例。 jQuery UI的Dialog组件是网页应用中常见的一种交互元素,用于显示模态或非模态窗口,例如警告、...

    jQuery通用dialog对话框 popup提示信息窗口插件demo

    **jQuery通用Dialog对话框与Popup提示信息窗口插件** 在前端开发中,用户交互界面的友好性和用户体验至关重要。jQuery提供了一种便捷的方式来实现这一目标,那就是通过Dialog对话框和Popup提示信息窗口。本文将深入...

    jquery.dialogBox.js插件下载.zip

    2. 简单的API接口:插件的API设计简洁明了,如`$.dialogBox({type: 'info', content: '这是一条信息!'})`即可轻松创建一个信息类型的对话框。 3. 自定义配置:除了预设样式,插件还允许用户自定义对话框的大小、...

    Jquery_ui的dialog使用文档概述

    ### Jquery UI 的 Dialog 使用详解 #### 概述 Jquery UI 的 `Dialog` 是...对于更高级的用法和示例,建议访问官方示例地址 [http://jqueryui.com/demos/dialog/](http://jqueryui.com/demos/dialog/) 进行学习和参考。

    jQueryUI系统教程之一:dialog[定义].pdf

    《jQueryUI系统教程之一:对话框(Dialog)详解》 jQueryUI是一个强大的JavaScript库,它扩展了基础的jQuery功能,提供了丰富的用户界面组件。在这个系列教程中,我们将深入探讨jQueryUI中的一个关键组件——对话框...

    jquery_dialog jquery_dialog jquery_dialog

    $.prompt("This is a warning message!"); ``` 2. 表单提交:Dialog可以承载表单,提供用户输入验证和数据提交。在对话框内处理表单提交,增强用户体验。 3. 图片预览:通过在Dialog中显示大图,实现图片的预览...

    jQuery插件 dialog

    &lt;div id="dialog" title="Dialog Title"&gt;Hello, this is a dialog! ``` 3. **初始化 dialog**:在文档加载完成后,通过 jQuery 选择器找到该元素并调用 `dialog()` 方法: ```javascript $(document).ready...

    jqueryUI插件中Dialog的运用

    **jQuery UI插件中的Dialog组件详解** jQuery UI是一款强大的JavaScript库,它提供了丰富的用户界面组件,包括对话框(Dialog)、日期选择器、滑块、排序等。Dialog组件是jQuery UI中的一个核心功能,用于创建模态...

    jquery dialog简单实现插件

    这个插件是基于jQuery框架构建的,主要用于创建模态或非模态的窗口,通常用于显示警告、确认信息或者作为用户交互的容器。下面我们将深入探讨jQuery Dialog的基本用法、特性以及如何自定义样式。 1. **基本使用** ...

    jquery.dialog.js 经典弹出框附案例代码

    `jQuery.dialog.js`是基于jQuery库的一个经典弹出框插件,它为网页开发者提供了方便、灵活的对话框功能。这个插件使得在网页中创建模态或非模态的对话框变得轻而易举,无需复杂的HTML和CSS布局,大大简化了前端交互...

Global site tag (gtag.js) - Google Analytics