accordion, spry 与 jquery ui

上篇比较了spry与idtabs,这次试试spry与jquery ui的互转,结果是perfect!

参照css彻底研究的12.5 伸缩面板,将其例子拿来·

然后参照jquery ui 文档http://docs.jquery.com/UI/Accordion

发现居然不需要改任何html结构,

只要这样:

$(function() {
        var ops = {
            header:'div.AccordionPanelTab', //指定header选择器
            event:'mouseover' //指定事件
        };
        $( "#Accordion1" ).accordion(ops);
    });

因为spry和jquery ui accordion都是要求折叠项标题和内容紧邻,所以他们没有结构上的要求区别。

但是有一点,如果使用了jquery-ui的样式,则会覆盖设计好的样式,所以前提是不引用jquery-ui的样式,这样比较的话还是spry方便些了。

so, it is perfect!


Total views.

© 2013 - 2018. All rights reserved.

Powered by Hydejack v6.6.1