jQuery UI的標籤和jQuery插件 - 插件只被初始化一次

我工作的那一刻一個網站，使用jQuery UI的標籤，在每個我implment的jCarousel，它的外觀和在第一個選項卡工作正常標籤，但當我切換到第二個或第三個選項卡時，沒有jcarousel功能，爲什麼這是？這裏是我的代碼，jQuery UI的標籤和jQuery插件 - 插件只被初始化一次

`$("#related").tabs();` 
`$('#complimentary-carousel, #similar-carousel, #viewed-carousel').jcarousel({ 
    scroll : 5, 
    visible: 5 
});`

的HTML看起來像這樣，

<div id="related" class="clearfix"> 
    <ul class="tabs"> 
     <li><a href="#complimentary">Complimentary</a></li> 
     <li><a href="#similar">Similar</a></li> 
     <li><a href="#viewed">Recently Viewed</a></li> 
    </ul> 
    <div id="complimentary"> 
     <ul id="complimentary-carousel" class="carousel"> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;50</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;50</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;50</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;50</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;50</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;30</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;30</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;30</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;30</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;30</span> 
       </a> 
      </li> 
     </ul> 
    </div> 
    <div id="similar"> 
     <ul id="similar-carousel" class="carousel"> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;50</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;30</span> 
       </a> 
      </li> 
     </ul> 
    </div> 
    <div id="viewed"> 
     <ul id="viewed-carousel" class="carousel"> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;50</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;30</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;30</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;30</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;30</span> 
       </a> 
      </li> 
      <li> 
       <a href=""> 
        <img src="assets/img/products/mini-radio.png"/> 
        <span class="price">&euro;30</span> 
       </a> 
      </li> 
     </ul> 
    </div> 
</div>

來源

2013-02-24 Udders

見問題here。這似乎是使其工作的唯一方法是在'tabsshow'事件上初始化jcarousel。如果您嘗試在隱藏的標籤上初始化它們，您將面臨其他插件和小部件的問題。

來源

2013-02-24 21:14:03 Adi

jQuery UI的標籤和jQuery插件 - 插件只被初始化一次

回答

相關問題