网站地图 | RSS订阅 老铁博客 - 上海SEO优化|上海网站建设|蜘蛛池出租|站群代搭建
你的位置:首页 » 前端脚本 » 正文

accordion accordion怎么读的

2020-8-4 15:56:33 | 作者:老铁SEO | 0个评论 | 人浏览

  要使用这个插件2113ui.core.js和ui.accordion.js这两个js文件是必不可少的,5261当然jquery文件也是必须的,好像是废话哦4102。


  1选项:


  1.1active这个参数1653是设置默认选项的,默认情况下是0,也就是第一个哦。哈哈。


  初始化设置例:$('#accordion').accordion({active:2});


  在初始化之后的获取和设置例:


  //获取varactive=$('#accordion').accordion('option','active');//设置$('#accordion').accordion('option','active',2);


  1.2animated这个参数是设置动画效果默认选项是‘slide’


  可以设置你喜欢的动画效果,或不使用动画效果(设置false),除了默认设置,使用'bounceslide'和'easeslide'需要UIEffectsCore。。。嘿嘿。。。


  初始化设置例:$('#accordion').accordion({animated:'easeslide'});


  在初始化之后的获取和设置例:


  //获取


  varanimated=$('#accordion').accordion('option','animated');


  //设置


  $('#accordion').accordion('option','animated','easeslide');


  1.3autoHeight默认是true,如果设置,所有内容部分的高被设定为其中最高内容的高。初始化设置:$('#accordion').accordion({autoHeight:false});


  初始化以后的获取或设置


  //获取


  varautoHeight=$('#accordion').accordion('option','autoHeight');


  //设置


  $('#accordion').accordion('option','autoHeight',false);


  1.4clearStyle默认是false,似乎是清除style,哈哈~~~


  初始化设置$('#accordion').accordion({clearStyle:true});


  初始化后的获取和设置和上面的差不多。。。省略。。。


  1.5event默认是'click'如何展开选项。可以设置长双击、鼠标滑过等。。。


  初始化设置例:$('#accordion').accordion(event:"mouseover");


  初始化后的设置请参考上面的,此处省略。。。


  1.6fillSpace,充满父元素的高,默认为false,使用此项,autoHeight无效。


  初始化设置例:$('#accordion').accordion({fillSpace:true});


  初始化后的获取和设置请参考上面的,此处省略。。。


  1.7header,设置头元素(见上面实例),默认值为:'>li>:first-child,>:not(li):even'


  此处省略,自己理解。。。


  1.8icon,设置小图标,默认值为:{'header':'ui-icon-triangle-1-e','headerSelected':'ui-icon-triangle-1-s'}


  另外,请看下面的英国字儿~~~只可意会不可言传。。。


  Iconstouseforheaders.Iconsmaybespecifiedfor'header'and'headerSelected',andwerecommendusingtheiconsnativetothejQueryUICSSFrameworkmanipulatedbyjQueryUIThemeRoller


  初始化设置例:$('#accordion').accordion({icons:{'header':'ui-icon-plus','headerSelected':'ui-icon-minus'}});


  初始化后的获取和设置省略。。。


  1.9navigation和navigationFilter暂时不知道到底是做什么用的,回头再说吧。。。


  2事件


  2.1change事件accordion改变时触发的事件,有两种绑定方法


  第一种:


  $('#accordion').bind('accordionchange',function(event,ui){


  ui.newHeader//jQuery对象,激活header


  ui.oldHeader//jQuery对象,之前header


  ui.newContent//jQuery对象,激活content


  ui.oldContent//jQuery对象,之前content


  });这种方法在前面的例子中已经都有喽~~


  第二种:


  $('#accordion').accordion({


  change:function(event,ui){...}


  });看清楚了吧。哈哈。


  3方法


  3.1destroy:毁灭地球...


  使用方法:.accordion('destroy')


  3.2disable:accordion不可用,使之无效。


  使用方法:.accordion('disable')


  3.3enable:可用,使之有效,使用方法:略...


  3.4option:参数,使用方法:前面都已经用过了,例:.accordion('option',optionName,[value])


  3.5activate:也是设置默认选项,和参数active作用一样。例:.accordion('activate',index)


  怎么给easyui的accordion增加一个点击事件


  //click事件可2113以自己用jquery绑定,easyui提供5261了选中事件$('#accordionid').accordion({onSelect:function(title,index){console.log('选择4102了1653第'+(index+1)+'个面板');}});


  jqueryeasyui怎么修改easyui-accordion标题的样式


  如果你想修改全局样式,那就直接改easyui的css文件,但是不推荐你这样做


  如果你只是修改某个页面的样式就直接在页面内部内联css就可以了,会覆盖掉easyui的样式


  jquery.dcjqaccordion.2.7.js是什么用途


  $("#ToReport").click(function(){


  $('#accordion',window.parent.document).accordion('option','active',2);


  });


  window.parent.document这个2113地方不对,你直5261接写成想4102要修改属性的id就像行了1653$('#accordion')

  • 本文来自: 老铁博客,转载请保留出处!欢迎发表您的评论
  • 相关标签:
  • 已有0位网友发表了一针见血的评论,你还等什么?

    必填

    选填

    记住我,下次回复时不用重新输入个人信息

    必填,不填不让过哦,嘻嘻。

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    相关推荐