的jCarousel精簡版與AJAX加載的內容：在AJAX .live（）停止工作

我使用jCarousel Lite插件加載的內容：這裏的（semplified）代碼的jCarousel精簡版與AJAX加載的內容：在AJAX .live（）停止工作

HTML：

<div id="#content"> 
    <ul> 
     <li>First Item</li> 
     <li>Second Item</li> 
     <li>ThirdItem</li> 
    </ul> 
    <div id="pager> 
     <a href="#" class="p1">1</a> 
     <a href="#" class="p2">2</a> 
     <a href="#" class="p3">3</a> 
    </div> 
</div>

的jQuery：

$('.ajax').click(function(){ 
    var url = $(this).attr('href'); 
    $('#content').load(url, null, function(response){ 
     if (response != '') { 
      $('#content').jCarouselLite({ 
       visible: 1, 
       scroll: 1, 
       circular: false, 
       btnGo: ['.p1', '.p2', '.p3'] 
      }); 
     } 
    }); 
    return false; 
})

一切都很好迄今：AJAX的內容加載到＃內容時，的jCarousel精簡版連接，並與#pager聯繫工作作爲espected（他們只需滾動項目）

現在我想向#pager鏈接添加更多內容（例如向他們添加類或打開警報或任何內容）：由於內容是AJAX加載的，我使用了.live函數：

$('#pager a').live('click', function(e){ 
    alert('hello!'); 
    $('#pager a').removeClass('selected'); 
    $(this).addClass('selected'); 
})

好吧，沒有任何反應！
如果我刪除jCarousel腳本（jQuery代碼中的第5-10行），則所有代碼都會再次運行

請您幫助使其工作嗎？爲什麼jCarousel停止運行？有沒有解決方法？

在此先感謝

來源

2012-01-12 Ivan

懂了！
我發現只有#pager鏈接沒有工作，所以我觀看了精簡版的jCarousel插件代碼和改變的線264（jcarousellite_1.0.1.js）：

$(val).click...

隨着

$(val).live...

來源

2012-01-13 04:49:35 Ivan

的jCarousel精簡版與AJAX加載的內容：在AJAX .live（）停止工作

回答

相關問題