Home  >  Article  >  Web Front-end  >  jQuery ui 1.7 update summary_jquery

jQuery ui 1.7 update summary_jquery

WBOY
WBOYOriginal
2016-05-16 18:48:181196browse

1. Each ui plug-in now has its own separate css file, but it must be used in conjunction with ui.theme.css ui.core.css according to the situation, otherwise some effects will not be displayed.
eg. datepicker must reference the above two css files at the same time; accordion only needs to introduce ui.theme.css. I will put the independent demo of each plug-in in my resources.
2. ui.accordion
HTML code must follow certain format requirements:

Copy code The code is as follows:


    /a> >                                                                                    t;< ;/h3>
                                                                   ​ div>
                                                                   
                                                                                                                                                             >                                                                                                                         ) Added a new reference in ui-1.7.1: jquery.bgiframe.js supports
    Function: If there is a floating block and a drop-down menu overlapping on the web page, the drop-down menu will always be seen in IE6 If the floating block covers it, no matter how you adjust the z-index, it will be useless. This problem can be easily solved with bgiframe.
    For details, see: http://www.oschina.net/p/bgiframe
    Use:
    $.ui.dialog.defaults.bgiframe = true;
    (2) If you want to implement dialog For drag effects, you must add ui.resizable.css and ui.resizable.js files
    4. ui.tabs
    This is relative to ui-1.6. Special attention should be paid to:
    (1) HTML code specifications:




    Copy code


The code is as follows:


            

                    
  • One

  •                 
  • two

  •                 
  • three

  •             

            

                This is jQuery tab one.
            

            

                I'm tab two.
            

            

                Haha, three is here.
            

            

                This is add tab.
            

        


注意: 每个tab相应的div必须放在tab生效的div内。
(2) 不再使用 $("#example > ul").tabs();
直接书写为 $("#example").tabs();
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn