Jquery UI tab 使用注意

来源:互联网 发布:蓝牙模块和51单片机 编辑:程序博客网 时间:2024/06/01 09:56
在使用ui tab时,不要在整个tab容器的DIV(id="example")和每个tab页的DIV(id="fragment-1/2/3")中使用style,JQUERY会重

置这些地方的style,class属性不受影响。

例:
  1. <div id="example" class="flora">
  2.             <ul>
  3.                 <li><a href="#fragment-1"><span>One</span></a></li>
  4.                 <li><a href="#fragment-2"><span>Two</span></a></li>
  5.                 <li><a href="#fragment-3"><span>Three</span></a></li>
  6.             </ul>
  7.             <div id="fragment-1">
  8.                 <p>First tab is active by default:</p>
  9.                 <pre><code>$('#example > ul').tabs();</code></pre>
  10.             </div>
  11.             <div id="fragment-2">
  12.                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
  13. laoreet dolore magna aliquam erat volutpat.
  14.                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
  15. laoreet dolore magna aliquam erat volutpat.
  16.             </div>
  17.             <div id="fragment-3">
  18.                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
  19. laoreet dolore magna aliquam erat volutpat.
  20.                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
  21. laoreet dolore magna aliquam erat volutpat.
  22.                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
  23. laoreet dolore magna aliquam erat volutpat.
  24.             </div>
  25.         </div>
0 0
原创粉丝点击