当前位置:  编程技术>jquery

jquery按需加载js与css的插件

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本节内容: 按需加载js与css的jquery插件 说明如下:     ** 1. 概述 :   * $.plugin – 是 jQuery 用来动态加载 js 和 css 文件的插件。主要用来减少网络流量以及相对的加强代码的安全性。   * 文档地址 : http://nicolas.rudas.info/jQuery/ge...

本节内容:
按需加载js与css的jquery插件

说明如下:
 

  ** 1. 概述 :
  * $.plugin – 是 jQuery 用来动态加载 js 和 css 文件的插件。主要用来减少网络流量以及相对的加强代码的安全性。
  * 文档地址 : http://nicolas.rudas.info/jQuery/getPlugin/
  * 下载地址 : http://code.google.com/p/lazyloader/downloads/
  * 使用版本 : 081002 - 02 Oct 2008

   ** 2. 用法简介 :
  * $.plugin(name,settings)   声明一个指定命名( name )和设置参数的插件集合

  * $.plugin(name) 将该插件实例化 .

  * $.plugin(name).get()   加载指定插件并调用默认回调函数

  * $.plugin(name,function)  加载指定插件并在完成时调用指定函数(该函数将覆盖默认回调函数)

  * $.plugin()     加载所有需要是的插件集合

  ** 3. 参数说明 :
  *   @param name {String}  为插件集合指定的名称
  *
  *    @param settings    {Object} 插件集合的参数
  *  -     files        {Array,String} 该插件集所需的文件列表
  *  -      selectors  {Array,String} jQuery 选择器集合列表(如果元素匹配指定选择器时,该插件集合将被下载)
  *   -      callback   {Function}      指定该插件集的默认回调函数(该插件下载完成后调用)
  *  -      cache    {Boolean} 是否缓存文件在浏览器缓存中(默认为‘ true ’)
  *  -      ajax         {Object}  下载文件 ajax 请求的参数,同 jQuery 中设置一致
  *  -      context  {Object, jQuery}    指定该插件件集合的插入位置(默认是在 document 中)
  *  -      target    {Object, jQuery}    指定插入的元素节点(默认是 head 中)
  *  -      init {Function}      插件完成设置时的回调函数
  *  -      preLoad {Function}      加载任何一个文件前调用的函数
  *  -      postLoad {Function}      所有文件加载完成时的回调函数
  *
  *    @param callback   {Function}     加载指定插件并在完成时调用指定函数(该函数将覆盖默认回调函数)    

  ** 4. 使用手册 :
  * $.plugin(name)
  *   .get([callback])      加载指定指定插件并调用回调函数,当回调函数参数为空时将调用默认回调函数
  *
  *   .getFile(url)   加载插件中的指定文件并调用默认的回调函数
  *
  *   .isNeeded()   检查该插件是否是该页面需要的(根据插件所指定的选择器)如果需要则返回 true, 其它情况返回 false
  *
  ** 5. 示例 :
  * 创建 Tabs 插件 :
  *  $.plugin('tabs',{
  *   files: ['../styles/tabs.css',
  *      '../scripts/tabs.js'],
  *     selectors: ['.tabs'],
  *     callback : function(){ $('.tabs').tabs(); }
  * });

  *  $.plugin('tabs').get();
  *

  * Create a Loader Plugin:

  *  $.plugin('loader',{

  *     files: ['../styles/mystyles.css',

  *    '../scripts/myscript.js',

  *    '../scripts/myscript2.js',

  *    '../scripts/myscript3.js']

  *     selectors: ['body'],

  *     init :      function(url){ $('body').append(''); },

  *     preLoad :      function(url){

  *     $('#now-loading').append('

  • Loading: '+url+'
  • ')

      *    },

      *     postLoad :      function(url){

      *     $( 'li[data-file="'+url+'"]' , '#now-loading').css('text-decoration','line-through') });

      *    }

      *  });

      *

      *  $.plugin('loader',function(){ $('#now-loading').remove(); });

      */


        
     
     

    您可能感兴趣的文章:

  • jquery插件jquery倒计时插件分享
  • jQuery图片轮换插件 jQuery Dynamic Slideshow
  • jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
  • jQuery 内容滑动插件 Basic jQuery Slider
  • jQuery圆角插件 jQuery Corners
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery日历插件 jQuery Week Calendar
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery消息提醒插件 jQuery Notty
  • jQuery无限幻灯片插件 jQuery Carousel
  • jQuery多值输入插件 jQuery Manifest
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery相册插件 jQuery.popeye
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery对话框插件 jquery.modalbox
  • jQuery的OpenSocial插件 OpenSocial jQuery
  • jQuery链接插件 jquery.biggerlink
  • 在线客服jQuery 插件 jQuery.onServ
  • jQuery日历插件 jQuery Verbose Calendar
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery预加载插件 jQuery-preloader
  • jQuery数据延迟加载插件 DataLazyLoad
  • jQuery 页面加载 fakeLoader.js
  • jQuery页面加载完毕再执行代码多种方法
  • Jquery图片延迟加载插件jquery.lazyload.js的使用方法
  • jQuery 加载器插件 ClassyLoader
  • jQuery 图像延迟加载插件 BttrLazyLoading
  • jQuery 视频延迟加载插件 lazyYT.js
  • JQuery在页面加载完成时执行函数的示例代码
  • jQuery 图像加载插件 ChickenDinner.js
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery css类用法(添加、修改与删除css)
  • jQuery添加/改变/移除CSS类及判断是否已经存在CSS
  • jQuery图片自动放大插件 Greyscale Hover Effect w/ CSS & jQuery
  • jQuery CSS()方法改变现有的CSS样式
  • jquery css方法改变css样式用法介绍
  • jquery控制css的display属性(显示与隐藏)
  • jQuery Multi Level horizontal CSS Menu
  • jQuery设置CSS属性(示例)
  • jquery控制css display属性(控制元素显示与隐藏)
  • jQuery Multi Level CSS Menu
  • jQuery - css() 方法示例详解
  • jQuery 设置 CSS 属性示例介绍
  • Jquery css方法的例子
  • jQuery加载或调用CSS文件的例子
  • jquery控制css元素的display(显示与隐藏)属性
  • jQuery修改CSS伪元素属性的方法
  • jquery实现不同大小浏览器使用不同的css样式表的方法
  • jquery css 设置table的奇偶行背景色示例
  • jQuery操作元素css样式的三种方法
  • jquery与css实现返回顶部的效果代码
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery UI组件 jQuery UI
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery的CSV插件 jQuery CSV
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3