觸發彩盒

我有我的index.html用ajax如下它加載在一個div內容：觸發彩盒

$('.item-101 a').click(function(e) { 
    var url = $(this).attr('href') + '#maincontent'; 
    $('#maincontent-loader').html('loading...').load(url); 
    e.preventDefault(); 
    $(this).parent().addClass('active'); 
    $('.item-104, .item-109').addClass('hidden') 
    });

而且在加載的內容我使用的是簡單的jQuery標籤如下：

$('#info div:not(:first)').hide(); 

    $('#info-nav li').click(function(event) { 
    event.preventDefault(); 
    $('#info div').hide(); 
    $('#info-nav .current').removeClass("current"); 
    $(this).addClass('current'); 

    var clicked = $(this).find('a:first').attr('href'); 
    $('#info ' + clicked).fadeIn('fast'); 
    }).eq(0).addClass('current');

所有這些都從我的頁面的標題中調用的script.js加載。在其中一個標籤內容中，我有一系列縮略圖，它們以colorbox幻燈片形式加載其全尺寸計數器部件。到目前爲止，所有工作都很好。但我觸發彩盒幻燈片，當我點擊我的標籤名爲「圖像」。但我無法讓它工作。我試圖用作爲在顏色框網站建議如下：使用http://www.jacklmoore.com/colorbox/faq#faq-click如下：

var $gallery = $("a[rel=gallery]").colorbox(); 
$("a#openGallery").click(function(e){ 
    e.preventDefault(); 
    $gallery.eq(0).click(); 
});

有誰知道可以做些什麼來解決這個問題？我的理解是，它不起作用，因爲標籤標題已附加或綁定到標籤腳本。我對jquery仍然有點新，我一直在閱讀很多東西，並且有一本書，但看起來它超出了我的能力。在此先感謝。

來源

2013-03-04 user2130449

嗯，我想這是一個jQuery的把戲，我想不通。但我使用不可知論標籤腳本解決了我的問題：http://nuevvo.com/labs/simpletabs/。由於它不依賴任何庫，因此當點擊「圖像」選項卡時，我可以使用colorbox中的建議腳本觸發我的幻燈片。 – user2130449 2013-03-04 07:50:12

好吧，我說得太快了。我與我使用的其他腳本有類似的問題。我想知道這是不是來自我加載我的內容的方式。所以回到原點！ – user2130449 2013-03-04 12:43:24

將.click替換爲.on。

例

$('.item-101 a').on('click',function(e) {

來源

2013-03-04 05:02:35

謝謝Dipesh，但你的建議不起作用。它根本沒有效果。 – user2130449 2013-03-04 07:10:02

回答

相關問題