>

jQuery插件支持同一页面被多次调用

- 编辑:正版管家婆马报彩图 -

jQuery插件支持同一页面被多次调用

更新 1.2版本 删除回调函数的调节台出口调节和测验,因为在IE6下未有决定台会变成插件出错, 已毕build作用。 提醒音信按键帮助多个,此版本为流行的牢固版。

jQuery插件帮忙同一页面被再三调用,jquery插件调用

更新 1.2版本 删除回调函数的支配台出口调节和测量检验,因为在IE6下并未有决定台会导致插件出错, 达成build功用。 提醒音讯按键扶助多少个,此版本为流行的牢固版。

近年将会提供进一步详细的data书写格式表明,build时html格式表明,详细的options参数表明。补充内容类型的切换呈现案例。

Introduction:

jquery imageShown 插件能够造成三种格局的剧情轮显切换, 全数笔者提供的德姆o中就算都以导航推动的轮显图片,不过它仍可以到位内容的切换,就可以以做到Tab功能,单纯的图形轮显功用,新闻音讯的轮显。 也正是说那几个插件在行使合理参数的特别下能够呈现别的款式的内容。

此插件能够在左右左右多少个趋势上出示导航,背景滑动动画能够独立设置,播放区域动画能够独立设置,每一次步入突显区域导航数量能够独立设置,如若设置错误可能设置不合理会被插件内部重新恢复设置。提示新闻是不是出示,以及展现动画能够独立设置。具体请参见德姆o相关内容。

注:在利用Tab作用时索要设置 pContent为 content 而且由于由于显得区域曾经被一定大小,所以针对未知尺寸的剧情请在callback函数中管理。

插件内部已经对央浼的财富是不是存在做了推断,举例出现谬误你能够间接展现参数中您提供暗中认可显示音讯,相同的时候您也能够在callback函数中对这些荒唐区域开展管理。callback函数你能够选用回传的参数。

回传参数的表明:

id //当前Dom的ID,在你页面未设置ID的情况下这个ID会是插件自动生成的唯一值。 
total //轮显内容的数量 
/* 
当前选择的第一个内容区域,当你loop设置为false时此内容就是页面Dom中的index值,当loop为true时导航区域需要根据 attr('data-index')来获取当前的index。player区域不受loop限制,永远为当前内容的index值 
*/ 
selected 
curNav//当前导航,可以通过 attr('data-missing')来确认内容是否正常加载。 
curPlay//当前显示的主要内容,可以通过 attr('data-missing')来确认内容是否正常加载。 
curData//你传入数据data的当前值。 

下一步开荒安插:

当您不情愿恐怕不会利用data参数时,你能够讲须求出示的剧情依据固定格式写入html页面,然后采用build命令由插件自行达成剩余内容

例如:

$('elem').imageShown('bulid'); 
$('elem').imageShown('bulid',{'options'}); 
$('elem').imageShown('bulid','option','value'); 

提供外界暂停和重启自动播放的接口,方便你可见在回调函数中进行应用。 提供越来越多的印证和演示。

默许参数:

id: null,
navSpace: 47,
pWidth: 0 ,
pHeight:0 ,
navNum: 4,
navPlace: null,
autoPlay: true,
autoTime: 4000,
events: 'mouseenter',
tbgAnimate: true,
tbgSpeed: 'fast',
addtional:false,
step: 1,
scrollSpeed:'fast',
opacity:0.6,
data: null,
loop: true,
player: true,
animate: 'fade',//left,right,top,bottom,fade,none
//deepNav: false,
showTips: true,
tipsAnimate: 'fade',//fade,slide
selected: 1,
callback: null,
preload: true,
target: '_blank',
pSpeed:500,
pType: false,
tContent:'image',//num,none,image,content
listPlace:null,
tipsBtn:false,
loadClass: 'img-player-loading',
pContent:'image'

应用方式:

$('elem').imageShown({'options'}); 

setter:

$('elem').imageShown('option',{'options'}); 
$('elem').imageShown('option','option','value'); 

getter

var option = $('elem').imageShown('option','option name'); 

在build功用实现未来将提供进一步依赖的参数以及布署的认证。

与此同有时候buid将会以扩张的花样宣告,即需求选拔build成效时,须要引进其他的公文。那样做的目标是为了减轻文件大小意思。

插件经过比相当多的冷酷一时没察觉难题,质量三春经管理的很好,经过测量检验一时半刻未发掘内存败露难点。测量检验平台:ie6,firefox3.6, windows二〇〇四

上述所述是作者给我们介绍的jQuery插件支持同一页面被频仍调用的全部描述,希望对大家享有辅助。

那二日将会提供越来越详实的data书写格式表达,build时html格式表达,详细的options参数表明。补充内容类型的切换展现案例。

您大概感兴趣的小说:

  • jQuery插件jQuery-JSONP开拓ajax调用使用注意事项

更新 1.2版本 删除回调函数的主宰台出口调节和测量检验,因为在IE6下未有决定台会招致插件出错,...

Introduction:

jquery imageShown 插件能够成功多种情势的剧情轮显切换, 全部作者提供的德姆o中即便都以导航推动的轮显图片,但是它还能够到位内容的切换,即能够成功Tab功用,单纯的图样轮显著效果率,新闻新闻的轮显。 也便是说这些插件在动用合理参数的协作下得以彰显别的形式的源委。

此插件能够在左右左右八个趋势上出示导航,背景滑动动画能够独立设置,播放区域动画能够独立设置,每回步向展现区域导航数量得以独立设置,假若设置错误大概安装不合理会被插件内部复位。提醒消息是不是出示,以及展示动画能够独立设置。具体请参见Demo相关内容。

注:在应用Tab功效时索要安装 pContent为 content 况兼由于由于显得区域曾经被定位大小,所以本着未知尺寸的剧情请在callback函数中拍卖。

插件内部已经对恳求的财富是还是不是存在做了判别,譬喻出现谬误你能够一向体现参数中你提供默许呈现消息,同临时间你也可以在callback函数中对这几个荒唐区域开展处理。callback函数你能够采纳回传的参数。

回传参数的验证:

id //当前Dom的ID,在你页面未设置ID的情况下这个ID会是插件自动生成的唯一值。 
total //轮显内容的数量 
/* 
当前选择的第一个内容区域,当你loop设置为false时此内容就是页面Dom中的index值,当loop为true时导航区域需要根据 attr('data-index')来获取当前的index。player区域不受loop限制,永远为当前内容的index值 
*/ 
selected 
curNav//当前导航,可以通过 attr('data-missing')来确认内容是否正常加载。 
curPlay//当前显示的主要内容,可以通过 attr('data-missing')来确认内容是否正常加载。 
curData//你传入数据data的当前值。 

下一步开辟陈设:

当您不乐意只怕不会动用data参数时,你能够讲需求呈现的剧情根据固定格式写入html页面,然后利用 build命令由插件自行完毕剩余内容

例如:

$('elem').imageShown('bulid'); 
$('elem').imageShown('bulid',{'options'}); 
$('elem').imageShown('bulid','option','value'); 

提供外界暂停和重启自动播放的接口,方便你可见在回调函数中开展利用。 提供越来越多的申明和示范。

默许参数:

id: null,
navSpace: 47,
pWidth: 0 ,
pHeight:0 ,
navNum: 4,
navPlace: null,
autoPlay: true,
autoTime: 4000,
events: 'mouseenter',
tbgAnimate: true,
tbgSpeed: 'fast',
addtional:false,
step: 1,
scrollSpeed:'fast',
opacity:0.6,
data: null,
loop: true,
player: true,
animate: 'fade',//left,right,top,bottom,fade,none
//deepNav: false,
showTips: true,
tipsAnimate: 'fade',//fade,slide
selected: 1,
callback: null,
preload: true,
target: '_blank',
pSpeed:500,
pType: false,
tContent:'image',//num,none,image,content
listPlace:null,
tipsBtn:false,
loadClass: 'img-player-loading',
pContent:'image'

运用方法:

$('elem').imageShown({'options'}); 

setter:

$('elem').imageShown('option',{'options'}); 
$('elem').imageShown('option','option','value'); 

getter

var option = $('elem').imageShown('option','option name'); 

在build作用完毕现在将提供更为深信的参数以及安插的认证。

而且buid将会以增添的款式宣布,即供给采纳build作用时,供给引进别的的文书。那样做的指标是为了化解文件大小难题。

插件经过丰硕多的冷酷一时半刻没觉察难点,性能上曾经管理的很好,经过测量试验前段时间未察觉内存败露难点。测量检验平台:ie6,firefox3.6, windows二〇〇二

以上所述是小编给我们介绍的jQuery插件协理同一页面被频仍调用的全套陈诉,希望对大家有着扶助。

你只怕感兴趣的稿子:

  • jQuery插件jQuery-JSONP开拓ajax调用使用注意事项

本文由计算机操作发布,转载请注明来源:jQuery插件支持同一页面被多次调用