使用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
分享到:
相关推荐
最新官方jQuery UI插件 主流特效Demo,绝不含糊。 好东西不需要过多的言辞修饰,下了就知道! 所有效果说明: 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种...
在前端开发中,jQuery UI Dialog是一个非常实用的组件,它提供了弹出对话框的功能,可以用于警告、确认、信息提示等场景。这篇内容将深入探讨jQuery UI Dialog的扩展,包括如何自定义行为、增强功能以及与其他技术...
jQuery Dialog 是一个强大的弹出层插件,常用于创建各种对话框、提示窗口或模态框,极大地丰富了网页的交互体验。这个插件是基于 jQuery 库构建的,因此在使用前确保已经引入了 jQuery。下面将详细介绍如何使用 ...
**jQuery UI中的Dialog组件** jQuery UI是一个功能丰富的JavaScript库,它提供了许多用户界面元素,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)等。在这些元素中,Dialog是创建弹出式窗口或模拟...
<div id="dialog" title="Dialog Title">Hello, this is a dialog! ``` 3. **初始化 Dialog** 使用 jQuery 的 `.dialog()` 方法初始化 Dialog。你可以设置各种选项,如宽度、高度、是否模态、关闭按钮等。 ```...
jQuery UI是基于JavaScript库jQuery的一款强大的用户界面插件集,它提供了丰富的交互效果、可自定义的主题以及多种可重用的UI小部件。在本文中,我们将深入探讨jQuery UI的核心功能,尤其是标题所提及的`jquery-ui....
jQuery Dialog是基于jQuery和jQuery UI库构建的,它提供了一种模态或非模态的对话框,可以用来显示警告、确认信息,或者作为一个独立的窗口来展示内容。基本使用方式是选择一个元素,然后调用`.dialog()`方法: ```...
**jQuery UI插件详解** jQuery UI是一个基于JavaScript的开源库,它是jQuery库的扩展,提供了丰富的用户界面组件和交互效果。这个插件以其强大的功能、易于使用的API和可定制的主题而受到开发者的广泛欢迎。在本文...
### Jquery UI Dialog 详解(弹出层) #### 一、引言 Jquery UI Dialog 是 jQuery UI 库中的一个重要组件,它提供了一个简洁而强大的界面来创建对话框或者弹出层。通过简单的配置和使用,开发人员可以轻松地集成...
本文将深入探讨“jqueryUI_dialog实例”,这是一个关于如何使用jQuery UI库创建对话框(Dialog)功能的实践案例。 jQuery UI的Dialog组件是网页应用中常见的一种交互元素,用于显示模态或非模态窗口,例如警告、...
**jQuery通用Dialog对话框与Popup提示信息窗口插件** 在前端开发中,用户交互界面的友好性和用户体验至关重要。jQuery提供了一种便捷的方式来实现这一目标,那就是通过Dialog对话框和Popup提示信息窗口。本文将深入...
2. 简单的API接口:插件的API设计简洁明了,如`$.dialogBox({type: 'info', content: '这是一条信息!'})`即可轻松创建一个信息类型的对话框。 3. 自定义配置:除了预设样式,插件还允许用户自定义对话框的大小、...
### Jquery UI 的 Dialog 使用详解 #### 概述 Jquery UI 的 `Dialog` 是...对于更高级的用法和示例,建议访问官方示例地址 [http://jqueryui.com/demos/dialog/](http://jqueryui.com/demos/dialog/) 进行学习和参考。
《jQueryUI系统教程之一:对话框(Dialog)详解》 jQueryUI是一个强大的JavaScript库,它扩展了基础的jQuery功能,提供了丰富的用户界面组件。在这个系列教程中,我们将深入探讨jQueryUI中的一个关键组件——对话框...
$.prompt("This is a warning message!"); ``` 2. 表单提交:Dialog可以承载表单,提供用户输入验证和数据提交。在对话框内处理表单提交,增强用户体验。 3. 图片预览:通过在Dialog中显示大图,实现图片的预览...
<div id="dialog" title="Dialog Title">Hello, this is a dialog! ``` 3. **初始化 dialog**:在文档加载完成后,通过 jQuery 选择器找到该元素并调用 `dialog()` 方法: ```javascript $(document).ready...
**jQuery UI插件中的Dialog组件详解** jQuery UI是一款强大的JavaScript库,它提供了丰富的用户界面组件,包括对话框(Dialog)、日期选择器、滑块、排序等。Dialog组件是jQuery UI中的一个核心功能,用于创建模态...
这个插件是基于jQuery框架构建的,主要用于创建模态或非模态的窗口,通常用于显示警告、确认信息或者作为用户交互的容器。下面我们将深入探讨jQuery Dialog的基本用法、特性以及如何自定义样式。 1. **基本使用** ...
`jQuery.dialog.js`是基于jQuery库的一个经典弹出框插件,它为网页开发者提供了方便、灵活的对话框功能。这个插件使得在网页中创建模态或非模态的对话框变得轻而易举,无需复杂的HTML和CSS布局,大大简化了前端交互...