Jquery UI tab 使用注意

在使用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>

你可能感兴趣的:(Jquery UI tab 使用注意)