Chrome 和 Safari jQuery .click 和 .css 锚点颜色错误？

Question

所以我试图找出原因，这让我开始发疯。

今天早上，我在我的网站http://followworks.com 的右侧边栏中为我的客户徽标放置了一个 jquery 滚动条。

它在 Firefox 中完美运行...当然！

但是 Safari 和 Chrome 对第一张图片的剪切和左右按钮甚至都不起作用？？？

这是我的 .js 文件中的代码

var totalSlides = 14;
var currentSlide = 1;
var contentSlides = "";
$(".clientLeftTab").click(showPreviousSlide); 
$(".clientRightTab").click(showNextSlide); 
var totalWidth = 0; 
contentSlides = $(".slideshow-content"); 
contentSlides.each(function(i){
    totalWidth += this.clientWidth; totalSlides++; }); 
    $("#slideshow-holder").width(totalWidth); 
    $("#slideshow-scroller").attr({scrollLeft: 0}); 
    function showPreviousSlide(e) { 
        currentSlide--; updateContentHolder(); 
    } 
    function showNextSlide(e){ 
        currentSlide++; updateContentHolder();
    } 
    function updateContentHolder(e){ 
        var scrollAmount = 0; 
        contentSlides.each(function(i){ 
            if(currentSlide - 1 > i) { scrollAmount += this.clientWidth; } 
        }); 
$("#slideshow-scroller").animate({scrollLeft: scrollAmount}, 300); 
}

另外，我的另一个问题是，当用户单击 Chrome 和 Safari 中的链接时，它们会变成白色...我已经检查了我的 .css 文件 http://followworks.com/css/new_style.css 并且没有语法可以将 a:active 的链接设为白色或：焦点？奇怪...我知道其他人也遇到过这个问题...我敢打赌很容易解决！ :-)

请让我知道我的 .js 代码出了什么问题。

Answer 1

尝试使用以下语法替换 function functionname(args)：var functionname = function(args) - 这可确保在正确的闭包中定义函数。

实际上，在这种情况下，您希望将函数定义移到 each 代码之外，因为它们将在 each 中可用，同时更节省内存。