扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。 一、入门 编写一个jQuery插件开始于给jQuery.fn加入??新的功能属性，此处添加的对象属性的名称就是你插件的名称： . 代码如下: jQuery.fn.myPlugin = function(){ //你自己的插件代码 };用户非常喜欢的符号哪里去了？它仍然存在，但是，为了避免和其他JavaScript库冲突，我们最好将jQuery传递...
因为项目需要数据验证，看bootstrapValidator 还不错，就上手一直，完美兼容，话不多说。 bootstrap：能够增加兼容性的强大框架. 需要引用css：bootstrap.min.css bootstrapValidator.min.css js:jquery-1.10.2.min.js bootstrap.min.js bootstrapValidator.min.js （下载实例） 以上这些都是必须的。 先上个简单的例子,只要导入相应的文件可以直接运行： <!DOCTYPE html> <html> <head><title>Using Ajax to submit data</title><...
文件上传是网站和 Web 应用程序的常用功能，一直没有一款完美的文件上传组件，因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主，FLASH 为辅的现代文件上传组件。在现代的浏览器里面能充分发挥 HTML5 的优势，同时又不摒弃主流IE浏览器，沿用原来的 FLASH 运行时，兼容 IE6+，iOS 6+, android 4+。采用大文件分片并发上传，极大的提高了文件上传效率。 参考百度官网进行学习...
最近在项目中用到了百度的文件图片上传插件WebUploader，分享给大家。WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。 采用大文件分片并发上传，极大的提高了文件上传效率。 需要在http://fex.baidu.c...
ajaxFileUpload.js 很多同名的，因为做出来一个很容易。 我用的是这个：https://github.com/carlcarl/AjaxFileUpload 下载地址在这里：http://xiazai.jb51.net/201610/yuanma/ajaxfileupload(jb51.net).rar AjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获得返回值。当初做了个异步上传的功能，选择它因为它的配置方式比较像jQuery的AJAX，我很喜欢。...
ajaxFileUpload.js 很多同名的，因为做出来一个很容易。 我用的是这个：https://github.com/carlcarl/AjaxFileUpload 下载地址在这里：http://xiazai.jb51.net/201610/yuanma/ajaxfileupload(jb51.net).rar AjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获得返回值。当初做了个异步上传的功能，选择它因为它的配置方式比较像jQuery的AJAX，我很喜欢。...
本文实例讲述了打造自己的jQuery插件的方法。分享给大家供大家参考，具体如下： 写js插件并不麻烦，js插件有两类，类型插件和对象插件。首先举例： $.post(url);这个是类型插件，换句话说该插件在调用的时候不需要指定对象。那么： $(p).click();这个是对象插件，也就是说使用该插件的时候需要指定对象。 在写jQuery插件的时候，都是有固定的模板： jQuery.plugin1 = function(text) {alert(text); };//类型级别框架，类似 $.post(...
在学习Jquery插件的时候，遇到一个问题就是新建web工程后在WebRoot下引入Jquery插件的时候报错，不知道为什么好纠结，但是项目能正常运行，后来找到解决方案，在这里给大家分享一下。解决方案如下所示：1.在MyEclipse软件中找打-----windows----preferences，会出现一个如下图所示的界面：2.在检索框输入一个validation----单击该validation节点，将对于JavaScript脚本的验证取消勾，然后点击Apply，一直yes就行。3.上述步骤操作完...
本文实例分析了jQuery插件easyUI实现通过JS显示Dialog的方法。分享给大家供大家参考。具体如下： <meta http-equiv="content-type" content="text/html;charset=UTF-8" /><title></title><script src="jquery-easyui-1.3.4/jquery-1.8.0.min.js" type="text/javascript"></script><script src="jquery-easyui-1.3.4/jquery.easyui.min.js" type="text/javascript"></script><script src="jquery-easyui-1.3.4/locale/easyui-lang-z...
说说自己使用uploadify的一波三折的曲折过程： 之所以要选择uploadify，是源于自己先前使用过jQuery官网的上传文件插件，比较难用（页面写的代码比较多，IE下后台回传需要配置格式【不清楚其他上传插件是否也是这样】），而且一直有IE9上传不成功的问题，到我离开上家公司的时候也一直没有解决这个问题（可能是本人比较low的原因吧）。所以在使用插件之前先调研了一下。uploadify提供两个版本，flash的uploadify和html5的uploadFi...
本文实例为大家分享了uploadify多图上传具体实现代码，可动态添加上传框，供大家参考，具体内容如下<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>UploadiFive Test</title> <script src="jquery2.js" type="text/javascript"></script> <script src="jquery.uploadify.min.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="upl...
本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法。分享给大家供大家参考，具体如下： 方法很简单，我们只需要在数据加载成功后的事件中处理即可。具体代码如下所示： //事件 onLoadSuccess: function (data) {//模拟测试加载成功后数据Id大于20的都勾选中，并禁用checkboxfor (var i = 0; i < data.rows.length; i++) {if (data.rows[i].Id > 20) {dgObj.datagrid(checkRow, i);//禁用checkbox$(".datagrid...
本文实例讲述了jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果。分享给大家供大家参考，具体如下： function openTopWindow(url, title, width, height) {title = title == undefined ? : title;width = width == undefined ? 800 : width;height = height == undefined ? 300 : height;if (url != undefined) {var content = <iframe name="eui-open-page" scrolling="auto" frameborder="0" src=" + url + " style...
本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法。分享给大家供大家参考，具体如下： 我们在使用EasyUI Tabs框架时，在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法，这时候我们就可以使用以下方法来实现。 具体实现代码如下所示： function getTabWindow() {var curTabWin = null;var curTab = parent.$(#main-center).tabs(getSelected);if (curTab && curTab.find(iframe).length > 0) {cur...
本文实例讲述了jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法。分享给大家供大家参考，具体如下： 一、问题描述： $(#tb-page-list).datagrid({url: /BisOrderInfo/GetList,pageNumber: 2,pageSize: 10 });当手动设置 pageNumber大于或等于2时，查看请求的方法时，会请求2次，并且第二次的pageNumber等于1； 二、原因所在： jquery.easyui.min.js 1.3.4中的7821-7828行代码； 因为分页控件初始化参数 total...