<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title type="text">博客园_Fred Xu的技术博客_分类_JavaScript &amp; Ajax</title><id>http://feed.cnblogs.com/blog/u/43880/category/188437/rss</id><updated>2012-05-27T12:41:02Z</updated><generator>feed.cnblogs.com</generator><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/category/188437.html"/><link rel="self" type="application/atom+xml" href="http://feed.cnblogs.com/blog/u/43880/category/188437/rss"/><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2012/03/21/have-to-click-twice-to-get-submitted-by-using-submitHandler.html</id><title type="text">使用jquery.validate submitHandler必须点击两次才能提交表单</title><summary type="text">在开发中遇到了这样一个问题，Form表单需要有两个按钮来做验证，如图所示：左边按钮直接提交给当前Form表单，右边按钮则是要使用Ajax来异步提交表单，保持页面不刷新跳转。表单验证我们使用了jquery.validate插件，表单异步提交使用了jquery.form插件配合前者，代码如下：左边按钮点击后会执行validate方法，验证通过后form.submit进行提交；而右边按钮点击执行validate通过后，则使用jquery.form的api来做submit，这个时候问题出来了，需要点击两下右边按钮才能执行异步提交Form，ORZ....通过g搜索，找到了解决方法，只要将代码删除即可。$</summary><published>2012-03-21T12:21:00Z</published><updated>2012-03-21T12:21:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2012/03/21/have-to-click-twice-to-get-submitted-by-using-submitHandler.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2012/03/21/have-to-click-twice-to-get-submitted-by-using-submitHandler.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2011/09/08/ie-a-hover-background-bug.html</id><title type="text">IE浏览器中a:hover设置background失效的解决方法</title><summary type="text">hover伪类在IE中有bug以前貌似在网上看到过，但是实际应用中没碰到过，今天正好有个页面需要做一个导航栏，结果a:hover设置background后在IE下是无法显示背景的。html：&lt;ul id="nav"&gt; &lt;LI&gt; &lt;A href="http://preprod-world-2007/knowledge/udc2011/en/Pages/home.aspx"&gt; Home &lt;/A&gt; &lt;/LI&gt; &lt;LI&gt; &lt;A href="http://preprod-wor</summary><published>2011-09-08T09:28:00Z</published><updated>2011-09-08T09:28:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2011/09/08/ie-a-hover-background-bug.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2011/09/08/ie-a-hover-background-bug.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2011/09/05/jquery-scroll-content-singleline-multiline.html</id><title type="text">基于jQuery的上下无缝滚动应用(单行或多行)【转】</title><summary type="text">基于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(</summary><published>2011-09-05T13:59:00Z</published><updated>2011-09-05T13:59:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2011/09/05/jquery-scroll-content-singleline-multiline.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2011/09/05/jquery-scroll-content-singleline-multiline.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2011/09/02/uploadify-can-not-display-queue-in-ie8.html</id><title type="text">Uploadify无法在IE浏览器下显示上传文件队列queue的解决方法</title><summary type="text">公司有个比较急的页面使用了基于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即可</summary><published>2011-09-02T09:10:00Z</published><updated>2011-09-02T09:10:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2011/09/02/uploadify-can-not-display-queue-in-ie8.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2011/09/02/uploadify-can-not-display-queue-in-ie8.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2010/08/10/iframe-frameborder-0-in-ie-ff-chrome.html</id><title type="text">解决iframe的frameborder在chrome/ff/ie下的差异</title><summary type="text">最近的项目中使用了动态创建iframe的js方法，发现iframe.frameborder="0"在IE7下不管用，而chrome/ff都正常的，很是郁闷。使用IE中“查看选定区域源代码”发现创建的iframe代码是&lt;IFRAME frameborder=0/&gt;，网上搜了下资料，原来是IE不认小写，我晕死....使用</summary><published>2010-08-10T05:59:00Z</published><updated>2010-08-10T05:59:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2010/08/10/iframe-frameborder-0-in-ie-ff-chrome.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2010/08/10/iframe-frameborder-0-in-ie-ff-chrome.html"/><content type="html"/></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2010/04/13/baidu-popup_js-Multi-browser-compatible-version-release.html</id><title type="text">进化版百度Popup.js弹出框|拖拽小框架发布，兼容IE6/7/8,Firefox,Chrome【附下载】</title><summary type="text">百度空间的弹出窗口和拖拽效果(也就是popup.js),代码精简，效果也很好，我们可以在很多大型网站上见到这种效果，在我的项目中也使用了该js。原有百度的Popup.js在有声明的网页下存在兼容性问题，即在IE6,7,8下，遮罩层是可以全屏，但在Firefox和Chrome下无法全屏遮罩。造成遮罩层在FF和Chrome下无法全屏的问题在267行：遮罩层dialogBoxBG 的style只...</summary><published>2010-04-13T05:04:00Z</published><updated>2010-04-13T05:04:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2010/04/13/baidu-popup_js-Multi-browser-compatible-version-release.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2010/04/13/baidu-popup_js-Multi-browser-compatible-version-release.html"/><content type="text">百度空间的弹出窗口和拖拽效果(也就是popup.js),代码精简，效果也很好，我们可以在很多大型网站上见到这种效果，在我的项目中也使用了该js。原有百度的Popup.js在有声明的网页下存在兼容性问题，即在IE6,7,8下，遮罩层是可以全屏，但在Firefox和Chrome下无法全屏遮罩。造成遮罩层在FF和Chrome下无法全屏的问题在267行：遮罩层dialogBoxBG 的style只...</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2010/04/09/cannot-form-submit-under-chrome-solution.html</id><title type="text">Jquery Validation无法在Chrome浏览器下进行form.submit()表单提交的解决方法</title><summary type="text">Jquery Validation验证插件中的form.submit()方法有时会在Chrome谷歌浏览器中提交Form无效，解决方法是将form.submit()改为__doPostBack('Button3',''); 备注：上面的Button3按钮是asp.net Button控件，点击会进行提交表单执行服务器端事件。而asp.net（带有服务器端form）的页面会在客户端自动生成以...</summary><published>2010-04-09T02:04:00Z</published><updated>2010-04-09T02:04:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2010/04/09/cannot-form-submit-under-chrome-solution.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2010/04/09/cannot-form-submit-under-chrome-solution.html"/><content type="text">Jquery Validation验证插件中的form.submit()方法有时会在Chrome谷歌浏览器中提交Form无效，解决方法是将form.submit()改为__doPostBack('Button3',''); 备注：上面的Button3按钮是asp.net Button控件，点击会进行提交表单执行服务器端事件。而asp.net（带有服务器端form）的页面会在客户端自动生成以...</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2010/03/05/Disable-submit-button-with-Validation-plugin.html</id><title type="text">使用Jquery Validation插件防止重复提交表单的解决方法</title><summary type="text">在项目开发中，测试人员报告缺陷说，即时有表单验证，但是如果快速点击两下“提交”按钮，系统会产生两条相同的记录。由于在项目中应用了Jquery Validation表单验证插件，所以要实现在Validation验证完毕后，提交form，然后禁止按钮。CodeProject上有一个DisableBtnPostBack项目，但不无法和Jquery Validation结合，代码先...</summary><published>2010-03-05T14:29:00Z</published><updated>2010-03-05T14:29:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2010/03/05/Disable-submit-button-with-Validation-plugin.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2010/03/05/Disable-submit-button-with-Validation-plugin.html"/><content type="text">在项目开发中，测试人员报告缺陷说，即时有表单验证，但是如果快速点击两下“提交”按钮，系统会产生两条相同的记录。由于在项目中应用了Jquery Validation表单验证插件，所以要实现在Validation验证完毕后，提交form，然后禁止按钮。CodeProject上有一个DisableBtnPostBack项目，但不无法和Jquery Validation结合，代码先...</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2010/02/20/jquery-validation-custom-date-comparison.html</id><title type="text">jquery validator插件增加日期比较方法</title><summary type="text">jQuery plugin: Validation是一款功能强大的客户端验证插件，具有很多常用验证方法，支持自定义验证方法扩展、自定义语言包等等。官方地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 由于项目的需要，日期大小比较严重是必不可少的，但Validation插件并不具有此功能，这个时候我们就需要扩展一个自定...</summary><published>2010-02-20T06:45:00Z</published><updated>2010-02-20T06:45:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2010/02/20/jquery-validation-custom-date-comparison.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2010/02/20/jquery-validation-custom-date-comparison.html"/><content type="text">jQuery plugin: Validation是一款功能强大的客户端验证插件，具有很多常用验证方法，支持自定义验证方法扩展、自定义语言包等等。官方地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 由于项目的需要，日期大小比较严重是必不可少的，但Validation插件并不具有此功能，这个时候我们就需要扩展一个自定...</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2009/11/16/xml-swf-free-charts.html</id><title type="text">XML/SWF Charts 5.08 – 统计从此无忧[提供下载]</title><summary type="text">XML/SWF Charts 5.08，一款免费下载，免费使用的Chart，支持语言 (PHP, ASP, CFML, Perl, etc.)拥有几十种图片显示效果。在线demo下载/Files/Fred_Xu/charts.zip官方首页特点: 从静态或者动态数据源快速生成图表（任何脚本语言）。无需加载页面全部更新和数据流。交互滚动(任何数据点的数字上), drill-down, 3D rota...</summary><published>2009-11-16T01:30:00Z</published><updated>2009-11-16T01:30:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2009/11/16/xml-swf-free-charts.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2009/11/16/xml-swf-free-charts.html"/><content type="text">XML/SWF Charts 5.08，一款免费下载，免费使用的Chart，支持语言 (PHP, ASP, CFML, Perl, etc.)拥有几十种图片显示效果。在线demo下载/Files/Fred_Xu/charts.zip官方首页特点: 从静态或者动态数据源快速生成图表（任何脚本语言）。无需加载页面全部更新和数据流。交互滚动(任何数据点的数字上), drill-down, 3D rota...</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2009/11/04/baidu-popup-cause-page-stoked-solution.html</id><title type="text">引用百度popup.js页面无响应的解决方法</title><summary type="text">百度空间的弹出窗口和拖拽效果(也就是popup.js),看起来挺不错的,用起来也相当好,如上图所示。现在很多知名网站都是用的这样的技术。最近在项目开发过程中，引用popup.js的页面弹出层在IE6下会引起浏览器进程卡死，而在IE7、8、FF、Chrome下是正常的。于是从js代码、页面代码和css代码开始排查问题所在，最终发现在css用户定义文件中的一段代码和popup.js发生冲突了，[代...</summary><published>2009-11-04T01:34:00Z</published><updated>2009-11-04T01:34:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2009/11/04/baidu-popup-cause-page-stoked-solution.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2009/11/04/baidu-popup-cause-page-stoked-solution.html"/><content type="text">百度空间的弹出窗口和拖拽效果(也就是popup.js),看起来挺不错的,用起来也相当好,如上图所示。现在很多知名网站都是用的这样的技术。最近在项目开发过程中，引用popup.js的页面弹出层在IE6下会引起浏览器进程卡死，而在IE7、8、FF、Chrome下是正常的。于是从js代码、页面代码和css代码开始排查问题所在，最终发现在css用户定义文件中的一段代码和popup.js发生冲突了，[代...</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2009/09/16/jquery-1-3-2_update_problem.html</id><title type="text">jquery 1.3.2中关于@的修改</title><summary type="text">在jquery-1.2.5.js中，我们可以使用一下代码来对CheckBox 被选中项进行遍历操作，如果使用jquery最新的1.3.2版本，该代码则会出错。[代码]解决方法如下：[代码]去掉@即可！</summary><published>2009-09-16T05:48:00Z</published><updated>2009-09-16T05:48:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2009/09/16/jquery-1-3-2_update_problem.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2009/09/16/jquery-1-3-2_update_problem.html"/><content type="text">在jquery-1.2.5.js中，我们可以使用一下代码来对CheckBox 被选中项进行遍历操作，如果使用jquery最新的1.3.2版本，该代码则会出错。[代码]解决方法如下：[代码]去掉@即可！</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2009/09/11/1564687.html</id><title type="text">Js获取Gridview中模板列控件ID,获取控件生成的HTML中的ID</title><summary type="text">在Gridview的RowDataBound事件写如下代码：[代码]Sample：[代码]页面代码：[代码]</summary><published>2009-09-11T04:19:00Z</published><updated>2009-09-11T04:19:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2009/09/11/1564687.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2009/09/11/1564687.html"/><content type="text">在Gridview的RowDataBound事件写如下代码：[代码]Sample：[代码]页面代码：[代码]</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2009/09/07/jstree_onselect_callback.html</id><title type="text">jstree onselect回调方法，获取选中节点的值</title><summary type="text">应用jstree的onselect事件，获取当前选中的节点的名字，并且赋值给一个input：[代码]</summary><published>2009-09-07T14:02:00Z</published><updated>2009-09-07T14:02:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2009/09/07/jstree_onselect_callback.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2009/09/07/jstree_onselect_callback.html"/><content type="text">应用jstree的onselect事件，获取当前选中的节点的名字，并且赋值给一个input：[代码]</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2009/08/19/1549612.html</id><title type="text">asp.net执行js出现“已终止操作”的解决方法</title><summary type="text">出现这种情况一般是由于ASP.NET页面PostBack后向页面添加了js脚本，js脚本又对DOM对象进行了操作，而DOM又没加载完毕，导致浏览器中断。例（结合Jquery）：一、cs文件string msg = "&lt;script&gt;show_msg('保存成功！');&lt;/script&gt;";Page.ClientScript.RegisterStartupScript(Pag...</summary><published>2009-08-19T02:35:00Z</published><updated>2009-08-19T02:35:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2009/08/19/1549612.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2009/08/19/1549612.html"/><content type="text">出现这种情况一般是由于ASP.NET页面PostBack后向页面添加了js脚本，js脚本又对DOM对象进行了操作，而DOM又没加载完毕，导致浏览器中断。例（结合Jquery）：一、cs文件string msg = "&lt;script&gt;show_msg('保存成功！');&lt;/script&gt;";Page.ClientScript.RegisterStartupScript(Pag...</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2009/08/11/1543906.html</id><title type="text">Lazy Loading jQuery Tabs with ASP.NET[转]</title><summary type="text">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...</summary><published>2009-08-11T12:22:00Z</published><updated>2009-08-11T12:22:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2009/08/11/1543906.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2009/08/11/1543906.html"/><content type="text">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...</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2009/08/11/using_jquery_tabs_with_updatepanel.html</id><title type="text">UpdatePanel中使用jquery tabs</title><summary type="text">[代码]</summary><published>2009-08-11T12:20:00Z</published><updated>2009-08-11T12:20:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2009/08/11/using_jquery_tabs_with_updatepanel.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2009/08/11/using_jquery_tabs_with_updatepanel.html"/><content type="text">[代码]</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2009/08/11/1543705.html</id><title type="text">后台调用前台js函数/方法</title><summary type="text">前台js：[代码]后台调用：[代码]</summary><published>2009-08-11T07:54:00Z</published><updated>2009-08-11T07:54:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2009/08/11/1543705.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2009/08/11/1543705.html"/><content type="text">前台js：[代码]后台调用：[代码]</content></entry><entry><id>http://www.cnblogs.com/Fred_Xu/archive/2009/03/21/1446750.html</id><title type="text">Lightweight jquery portal</title><summary type="text"/><published>2009-03-21T04:45:00Z</published><updated>2009-03-21T04:45:00Z</updated><author><name>Fred_Xu</name><uri>http://www.cnblogs.com/Fred_Xu/</uri></author><link rel="alternate" href="http://www.cnblogs.com/Fred_Xu/archive/2009/03/21/1446750.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/Fred_Xu/archive/2009/03/21/1446750.html"/><content type="text"/></entry></feed>
