`

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) 各种...

    jqert ui demo

    ui.dialog.js ui.resizable.js ui.mouse.js ui.draggable.js 用法: $(document).ready(function(){ $("#example").dialog(); }); CSS文件:http://dev.jquery.com/view/trunk/themes/flora/flora.all.css 选项...

    iquery经典教程

    jquery.dimensions.js ui.dialog.js ui.resizable.js ui.mouse.js ui.draggable.js 用法: $(document).ready(function(){ $("#example").dialog(); }); CSS文件:...

    jquery-ui.custom

    jquery控件 $( "#dialog" ).dialog({ autoOpen: false, width: 400, buttons: [ { text: "Ok", click: function() { $( this ).dialog( "close" ); } }, { text: ...

    jQueryImageGallery.zip

    open: function (event, ui) {/* called on dialogopen */}, title: 'Image Gallery', // Sets the dialog title show: 'scale', // The effect to be used when the dialog is opened hide: 'explode', // The ...

    jQuery Dialog 取消右上角删除按钮事件

    open:function(event,ui){$(".ui-dialog-titlebar-close").hide();} }); 以上所述是小编给大家介绍的jquery dialog 取消右上角删除按钮事件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复...

    jQuery UI Dialog 创建友好的弹出对话框实现代码

    主要参数 jQuery UI Dialog常用的参数有: 1、autoOpen:默认true,即dialog方法创建就显示对话框 2、buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: {“确定”:function(){},”取消”:function(){}}...

    jquery dialog键盘事件代码

    在dilog的open事件中 添加如下代码段 代码如下:$(“#dlgSearch”).dialog({ autoOpen: false, ...$(this).bind(“keypress.ui-dialog”, function(event) { if (event.keyCode == $.ui.keyCode.ENTER) { alert(“ent

    为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能

    经过摸索进行了扩展,增加“自动记住关闭时的位置”的功能,源码如下: 代码如下: //myJquery.ui.dialog.ex.js ////////////... $.ui.dialog.prototype.close = function() { //判断option中是否指定不使用此功能,如 $

    JQueryUI VS 中文提示文件

    JQueryUI1.7.2在visual studio 2008sp1下的中文提示辅助文件。 /// JqueryUI智能提示文件 (jquery-ui-1.7.2) /// /// 作者:重庆信息技术职业学院07级.Net实验班 /// /// 本文件是学生集体劳动成果,你可以自由...

    为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能

    代码如下:$(“#dialog”).dialog({ bgiframe: true, autoOpen: false, position: [PosX, PosY], //alert 出来为:” , “(不含双引号),或者报错,不知什么原因。 height: 300, modal: true, buttons: { ‘创建新...

    jquery ui dialog替代confirm实例分析

    本文实例讲述了jquery ui dialog替代confirm的方法。分享给大家供大家参考,具体如下: js的confirm,有的浏览器会直接屏蔽掉,导致功能无法使用,推荐使用jquery ui 的dialog功能,完美替换confirm功能 1、html代码...

    jquery dialog获取焦点的方法

    本文实例讲述了jquery dialog获取焦点的方法。分享给大家供大家参考,具体如下: $(document).ready(function () { //初始化新增申请对话框 $(#addBusinessTrip).dialog({ open: function (event, ui) { $(':...

    js Dialog 去掉右上角的X关闭功能

    】 1、 代码如下: $(“#div1”).dialog({ closeOnEscape:false, open:function(event,ui){$(“.ui-dialog-titlebar-close”).hide();} }); 不希望用户通过jquery dialog 提供的x按钮关闭弹出框,这种方法的作用就是...

    jquery ui dialog里调用datepicker的问题

    解决思路:修改样式表里z-index的值 解决办法: 代码如下:beforeShow: function (i,e) { var z = jQuery(i).closest(“.ui-dialog”).css(“z-index”) + 4; e.dpDiv.css(‘z-index’, z); }

    把jquery 的dialog和ztree结合实现步骤

    引入jqueryui、ztree 的js和css文件 &lt;body&gt; &lt;button value=”点击弹出树的dialog对话框” onclick =”getTree()”/&gt; ”ztree” class=”ztree”/&gt; &lt;/body&gt; [removed] function getTree(){ var url...

    jQuery ui1.7 dialog只能弹出一次问题

    代码如下:// 显示确认对话框 function showConfirm&#40;...{ getDivDialog().text(txtMsg).dialog({ modal: true , overlay: { opacity: 0.5 } , title: txtTitle ,buttons: { “是” : function(){ callback(); $

    JQuery 引发两次$(document.ready)事件

    页面大概是这样的,一个Partial View,而这个View包含了一小段绑定Search的Javascript,并且用Jquery-ui 的dialog 包含,而且确定不是ASP.net mvc生成HTML的问题,HTML是依照我的想法生成的,后来实在没有办法,把...

    jQueryUI的Dialog的简单封装

    写出的代码有点拧巴,需要再封装一下!于是就有了下面这个简单的... //其作用就是简化jQuery UI的dialog的的调用方式,不在需要改动独立的DOM结构,参数传递方式更直接。 DialogHelper = function() { var m_ti

    javascript权威指南(第六版)

    19.10 The jQuery UI Library 585 20. Client-Side Storage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 587 20.1 localStorage and sessionStorage...

Global site tag (gtag.js) - Google Analytics