XYTipsWindow、jquery-1.4.4.min.js和Object doesn't support this property or method 解决

XYTipsWindow 2.8 ,一款轻量级Jquery弹窗插件!

XYTipsWindow 2.8 ,一款轻量级Jquery弹窗插件!

兼容性不错,基本上每个浏览器都支持,收藏一下!

弹出普通文本信息提示以及位置演示:  

$("#ID").click(function(){
	$.XYTipsWindow();//默认
	$.XYTipsWindow({___offsets:"left-top"});//左上角
	$.XYTipsWindow({___offsets:"right-top"});//右上角
	$.XYTipsWindow({___offsets:"left-bottom"});//左下角
	$.XYTipsWindow({___offsets:"right-bottom"});//右下角
	$.XYTipsWindow({___offsets:"left-middle"});//靠左居中
	$.XYTipsWindow({___offsets:"right-middle"});//靠右居中
	$.XYTipsWindow({___offsets:"middle-top"});//居中置顶
	$.XYTipsWindow({___offsets:"middle-bottom"});//居中置底
	$.XYTipsWindow({___offsets:{left:"100px",top:"100px"}});//自定义
});
弹出一个普通的信息提示(可拖动,遮罩层):

$("#test2").click(function(){
	$(this).XYTipsWindow({
		___title:"Hello world",
		___content:"text:提示信息内容",
		___width:"300",
		___height:"200",
		___dray:"___boxTitle",
		___showbg:true
	});
});
弹出页面中的某个ID(可拖动,遮罩层):

$.XYTipsWindow({
	___title:"弹出页面中的某个ID",
	___content:"id:testID",
	___showbg:true,
	___drag:"___boxTitle"
});
弹出一张图片(可拖动,遮罩层):

$("#test4").click(function(){
	$(this).XYTipsWindow({
		___title:"Hello world",
		___content:"img:图片路径",
		___width:"500",
		___height:"250",
		___drag:"___boxTitle",
		___showbg:true
	});
});
弹出一个视频或FLASH动画(可拖动):

$("#test4").click(function(){
	$(this).XYTipsWindow({
		___title:"Hello world",
		___content:"swf:路径",
		___width:"225",
		___height:"185",
		___drag:"___boxTitle"
	});
});
加载一个文件(也可以是.php/.asp?id=4之类的,可拖动,遮罩层):
$("#test5").click(function(){
	$(this).XYTipsWindow({
		___title:"Hello world",
		___content:"url:get?test.html",
		___width:"400",
		___height:"200",
		___drag:"___boxTitle",
		___showbg:true
	});
});
加载一个网页到框架里(可拖动,遮罩层):

$("#test6").click(function(){
	$(this).XYTipsWindow({
		___title:"框架应用",
		___content:"iframe:http://leotheme.cn",
		___width:"900",
		___height:"500",
		___drag:"___boxTitle",
		___showbg:true
	});
});
官方网址:点击打开链接


个人体会,此插件从功能上讲还可以,可拖动,遮罩层,可以弹出div,image,flash,jsp页面等等,但是其引入的jquery-1.4.4.min.js让我苦不堪言,因为此js文件对于js冲突尤为严重。

例如我在index.isp页面中动态include另一个jsp页面

那么在top.jsp文件中不能引入 jquery-1.4.4.min.js,因为index.jsp页面已经引入过jquery-1.4.4.min.js

还有一点值得注意jquery-1.4.4.min.js和jQuery1.7.js有冲突,尽量不要同时引入,不然会有Object doesn't support this property or method 错误

=======最后======

Object doesn't support this property or method 错误解决,这些情况我都还没碰到,都是网友说的,先留下,说不定哪天就遇到了

问题原因: 
1:js代码用了javascript关键字 
2:方法名和表单或者div form名冲突 
3.button中有name="submit" 
4.上传图片时提示:Object doesn't support this property or method 
原因:服务器上安装的AspJpeg的版本低于1.4版。 
解决方法:安装1.4或以上版本的AspJpeg组件。


在这我就不留XYTipsWindow 2.8的下载地址了,网上多的是,自己动手更有成就感,加油!!!






你可能感兴趣的:(web前台)