• <em id="52tge"><object id="52tge"><blockquote id="52tge"></blockquote></object></em>

  • <progress id="52tge"></progress>
      
      
      <tbody id="52tge"><pre id="52tge"></pre></tbody>
      <em id="52tge"></em>
      <li id="52tge"><acronym id="52tge"><u id="52tge"></u></acronym></li>

      <nav id="52tge"><sub id="52tge"><noframes id="52tge"></noframes></sub></nav>

      網站地圖 | 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')

    1. 本文來自: 老鐵博客,轉載請保留出處!歡迎發表您的評論
    2. 相關標簽:
    3. 已有0位網友發表了一針見血的評論,你還等什么?

      必填

      選填

      記住我,下次回復時不用重新輸入個人信息

      必填,不填不讓過哦,嘻嘻。

      ◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。

      相關推薦

      色情激情片日本大全|亚洲无码色情gif|六人行成人版第九影院|亚洲成人电影理论电影

    4. <em id="52tge"><object id="52tge"><blockquote id="52tge"></blockquote></object></em>

    5. <progress id="52tge"></progress>
        
        
        <tbody id="52tge"><pre id="52tge"></pre></tbody>
        <em id="52tge"></em>
        <li id="52tge"><acronym id="52tge"><u id="52tge"></u></acronym></li>

        <nav id="52tge"><sub id="52tge"><noframes id="52tge"></noframes></sub></nav>