jQuery的自定义灯箱问题

Question

我一直在写我自己的灯箱脚本（了解更多关于jQuery的）。是

我对字幕代码如下（问题是，标题是相同的每个图像）：

close.click(function(c) { 
    c.preventDefault(); 
    if (hideScrollbars == "1") { 
     $('body').css({'overflow' : 'auto'}); 
    } 
    overlay.add(container).fadeOut('normal'); 
    $('#caption').animate({ 
     opacity: 0.0 
     }, "5000", function() { 
      $('div').remove('#caption'); 
     }); 
    }); 

    $(prev.add(next)).click(function(c) { 
    c.preventDefault(); 
    $('div').remove('#caption') 
    areThereAlts = ""; 
    var current = parseInt(links.filter('.selected').attr('lb-position'),10); 
    var to = $(this).is('.prev') ? links.eq(current - 1) : links.eq(current + 1); 
    if(!to.size()) { 
     to = $(this).is('.prev') ? links.eq(links.size() - 1) : links.eq(0); 
    } 
    if(to.size()) { 
     to.click(); 
    } 
    }); 

Answer 1

所以，我发现了什么是错误的，再向下（干杯邓！）代码我有以下功能（我不得不添加“链接”删除字幕代码）：

links.each(function(index) { 
    var link = $(this); 
    link.click(function(c) { 
     c.preventDefault(); 
     if (hideScrollbars == "1") { 
     $('body').css({'overflow' : 'hidden'}); 
     } 
     open(link.attr('href')); 
     links.filter('.selected').removeClass('selected'); 
     link.addClass('selected'); 
     var areThereAlts = $(".thumb", link).attr("alt"); //"link" needed to be added here 
     //alert(areThereAlts); 
     if (areThereAlts !== "") { 
      container.append('<div id="caption" style="display: block; font-family: Verdana; background-color: white; padding: 4px 5px 10px 5px; top -10px; width: 100%; height: 25px; vertical-align: middle; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; color: #3f3f3f;"><font color="#3f3f3f">'+areThereAlts+'</font></div>') //caption 
     } 
    }); 
    link.attr({'lb-position': index}); 
    });