摘要：
功能需求是这样的：从下拉菜单中选择一个Item，然后弹出对话框显示所选项所属的一个数据列表。页面引用了jquery.ui以及jquery.datatable来实现这个功能，dialog中的button click事件来触发弹出一个新的对话框并加载datatable，为了避免重复初始化datatable()，代码改造为：function initFacotoryVerificationDataTable(fCode) { var fvTable, url; url = "/FactoryVerification/GetAllFactoryVerificationLis... 阅读全文
随笔分类 - JavaScript & Ajax
在IE8下移除Youtube Embeded Iframe造成黑屏的解决方法
2012-10-10 14:26 by Fred-Xu, 1177 阅读, 收藏, 编辑
摘要：
项目中有个需求是在Carousel中支持Youtube的RSS Feeds，通过C#后台代码解析RSS Feeds数据源来生成HTML代码，jQuery Tools的Scrollable来初始化为Carousel。Carousel这个插件同事已经写好了，但在IE8下切换幻灯片的时候，切换新的Youtube视频会造成黑屏，2秒以后会把网页显示出来，原因不明。原有代码如下：$(".scrollable .carousel-item").click(function () { // see if same thumb is being clicked if... 阅读全文
jQuery Accordion 1.6 event事件使用方法
2012-09-21 10:50 by Fred-Xu, 1665 阅读, 收藏, 编辑
摘要：
由于公司老的网站系统都是使用的jquery.accordion-1.6，而现有accordion已经升到版本1.8了，文档也都是1.8的，event事件有chage, changestart, create三个，本以为1.6版本也适用change和changestart事件，结果测试发现根本无法trigger这个事件，查看了下1.6的文档：有这么一段代码$(".ui-accordion").bind("accordionchange", function(event, ui) { ui.options // options used to intiali 阅读全文
使用jquery.validate submitHandler必须点击两次才能提交表单
2012-03-21 20:21 by Fred-Xu, 14219 阅读, 收藏, 编辑
摘要：
在开发中遇到了这样一个问题，Form表单需要有两个按钮来做验证，如图所示：左边按钮直接提交给当前Form表单，右边按钮则是要使用Ajax来异步提交表单，保持页面不刷新跳转。表单验证我们使用了jquery.validate插件，表单异步提交使用了jquery.form插件配合前者，代码如下：左边按钮点击后会执行validate方法，验证通过后form.submit进行提交；而右边按钮点击执行validate通过后，则使用jquery.form的api来做submit，这个时候问题出来了，需要点击两下右边按钮才能执行异步提交Form，ORZ....通过g搜索，找到了解决方法，只要将代码删除即可。$ 阅读全文
IE浏览器中a:hover设置background失效的解决方法
2011-09-08 17:28 by Fred-Xu, 5376 阅读, 收藏, 编辑
摘要：
hover伪类在IE中有bug以前貌似在网上看到过，但是实际应用中没碰到过，今天正好有个页面需要做一个导航栏，结果a:hover设置background后在IE下是无法显示背景的。html：<ul id="nav"> <LI> <A href="http://preprod-world-2007/knowledge/udc2011/en/Pages/home.aspx"> Home </A> </LI> <LI> <A href="http://preprod-wor 阅读全文
基于jQuery的上下无缝滚动应用(单行或多行)【转】
2011-09-05 21:59 by Fred-Xu, 263 阅读, 收藏, 编辑
摘要：
基于jQuery的上下无缝滚动应用,可应用于多行或者单行.详解请参考注释.查看演示:点此查看DEMO核心jQuery代码:$(function(){ var _wrap=$('ul.line');//定义滚动区域 var _interval=2000;//定义滚动间隙时间 var _moving;//需要清除的动画 _wrap.hover(function(){ clearInterval(_moving);//当鼠标在滚动区域中时,停止滚动 },function(){ _moving=setInterval(function(){ var _field=_wrap.find( 阅读全文
Uploadify无法在IE浏览器下显示上传文件队列queue的解决方法
2011-09-02 17:10 by Fred-Xu, 2365 阅读, 收藏, 编辑
摘要：
公司有个比较急的页面使用了基于jquery+flash的上传插件Uploadify，开发中碰到了一个很奇怪的兼容问题，uploadify选择好要上传的文件在IE浏览器下不显示，而在chrome和ff下是ok的，坑爹啊。于是自己动手找问题所在，可惜没找到，google了一下，终于在uploadify官网论坛里找到了解决方法：原文：http://www.uploadify.com/forums/discussion/3247/upload-queue-never-appears-in-ie7-with-jquery-ui-tabs/p1其实很简单，只要动手改造下uploadify.min.js即可 阅读全文
解决iframe的frameborder在chrome/ff/ie下的差异
2010-08-10 13:59 by Fred-Xu, 566 阅读, 收藏, 编辑
摘要：
最近的项目中使用了动态创建iframe的js方法，发现iframe.frameborder="0"在IE7下不管用，而chrome/ff都正常的，很是郁闷。 使用IE中“查看选定区域源代码”发现创建的iframe代码是<IFRAME frameborder=0/>，网上搜了下资料，原来是IE不认小写，我晕死....使用 阅读全文
进化版百度Popup.js弹出框|拖拽小框架发布，兼容IE6/7/8,Firefox,Chrome【附下载】
2010-04-13 13:04 by Fred-Xu, 5574 阅读, 收藏, 编辑
摘要：
百度空间的弹出窗口和拖拽效果(也就是popup.js),代码精简，效果也很好，我们可以在很多大型网站上见到这种效果，在我的项目中也使用了该js。 原有百度的Popup.js在有声明的网页下存在兼容性问题，即在IE6,7,8下，遮罩层是可以全屏，但在Firefox和Chrome下无法全屏遮罩。 造成遮罩层在FF和Chrome下无法全屏的问题在267行：遮罩层dialogBoxBG 的style只... 阅读全文
Jquery Validation无法在Chrome浏览器下进行form.submit()表单提交的解决方法
2010-04-09 10:04 by Fred-Xu, 3493 阅读, 收藏, 编辑
摘要：
Jquery Validation验证插件中的form.submit()方法有时会在Chrome谷歌浏览器中提交Form无效，解决方法是将form.submit()改为__doPostBack('Button3',''); 备注： 上面的Button3按钮是asp.net Button控件，点击会进行提交表单执行服务器端事件。而asp.net（带有服务器端form）的页面会在客户端自动生成以... 阅读全文
使用Jquery Validation插件防止重复提交表单的解决方法
2010-03-05 22:29 by Fred-Xu, 2791 阅读, 收藏, 编辑
摘要：
在项目开发中，测试人员报告缺陷说，即时有表单验证，但是如果快速点击两下“提交”按钮，系统会产生两条相同的记录。由于在项目中应用了Jquery Validation表单验证插件，所以要实现在Validation验证完毕后，提交form，然后禁止按钮。CodeProject上有一个DisableBtnPostBack项目，但不无法和Jquery Validation结合，代码先... 阅读全文
jquery validator插件增加日期比较方法
2010-02-20 14:45 by Fred-Xu, 2115 阅读, 收藏, 编辑
摘要：
jQuery plugin: Validation是一款功能强大的客户端验证插件，具有很多常用验证方法，支持自定义验证方法扩展、自定义语言包等等。官方地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 由于项目的需要，日期大小比较严重是必不可少的，但Validation插件并不具有此功能，这个时候我们就需要扩展一个自定... 阅读全文
XML/SWF Charts 5.08 – 统计从此无忧[提供下载]
2009-11-16 09:30 by Fred-Xu, 3201 阅读, 收藏, 编辑
摘要：
XML/SWF Charts 5.08，一款免费下载，免费使用的Chart，支持语言 (PHP, ASP, CFML, Perl, etc.)拥有几十种图片显示效果。在线demo下载/Files/Fred_Xu/charts.zip官方首页特点: 从静态或者动态数据源快速生成图表（任何脚本语言）。无需加载页面全部更新和数据流。交互滚动(任何数据点的数字上), drill-down, 3D rota... 阅读全文
引用百度popup.js页面无响应的解决方法
2009-11-04 09:34 by Fred-Xu, 1179 阅读, 收藏, 编辑
摘要：
百度空间的弹出窗口和拖拽效果(也就是popup.js),看起来挺不错的,用起来也相当好,如上图所示。现在很多知名网站都是用的这样的技术。 最近在项目开发过程中，引用popup.js的页面弹出层在IE6下会引起浏览器进程卡死，而在IE7、8、FF、Chrome下是正常的。于是从js代码、页面代码和css代码开始排查问题所在，最终发现在css用户定义文件中的一段代码和popup.js发生冲突了，[代... 阅读全文
jquery 1.3.2中关于@的修改
2009-09-16 13:48 by Fred-Xu, 346 阅读, 收藏, 编辑
摘要：
在jquery-1.2.5.js中，我们可以使用一下代码来对CheckBox 被选中项进行遍历操作，如果使用jquery最新的1.3.2版本，该代码则会出错。[代码]解决方法如下：[代码]去掉@即可！ 阅读全文
Js获取Gridview中模板列控件ID,获取控件生成的HTML中的ID
2009-09-11 12:19 by Fred-Xu, 2739 阅读, 收藏, 编辑
摘要：
在Gridview的RowDataBound事件写如下代码：[代码]Sample：[代码]页面代码：[代码] 阅读全文
jstree onselect回调方法，获取选中节点的值
2009-09-07 22:02 by Fred-Xu, 10406 阅读, 收藏, 编辑
摘要：
应用jstree的onselect事件，获取当前选中的节点的名字，并且赋值给一个input：[代码] 阅读全文
asp.net执行js出现“已终止操作”的解决方法
2009-08-19 10:35 by Fred-Xu, 631 阅读, 收藏, 编辑
摘要：
出现这种情况一般是由于ASP.NET页面PostBack后向页面添加了js脚本，js脚本又对DOM对象进行了操作，而DOM又没加载完毕，导致浏览器中断。例（结合Jquery）：一、cs文件string msg = "<script>show_msg('保存成功！');</script>";Page.ClientScript.RegisterStartupScript(Pag... 阅读全文
Lazy Loading jQuery Tabs with ASP.NET[转]
2009-08-11 20:22 by Fred-Xu, 488 阅读, 收藏, 编辑
摘要：
This article looks at efficient use of jQuery tabs when displaying data. Specifically, it covers how to lazy-load data, so that it is only accessed and displayed if the tab is clicked. Lazy Loading is... 阅读全文