jquery - Chrome 和 Safari jQuery .click 和 .css anchor 颜色错误?

标签 jquery css

所以我试图找出造成这种情况的原因,这让我抓狂。

今天早上,我在我网站的右侧栏中为我的客户 Logo 放置了一个 jquery 滚动器 http://followworks.com .

它在 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 或 a:focus 的链接变为白色?奇怪...我知道其他人遇到过这个问题...我打赌很容易解决! :-)

请告诉我我的 .js 代码有什么问题。

最佳答案

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

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

关于jquery - Chrome 和 Safari jQuery .click 和 .css anchor 颜色错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8611588/

相关文章:

javascript - jQuery 将输入元素添加到正确的 <td>

javascript - 如何从同一个插件获得多个播放器实例

css - 如何覆盖更改原始值的 CSS 类的属性(less + mixin)

css - asp.net mvc 5 - StyleBundle CdnFallbackExpression 问题?

javascript - jquery 中的 MooTools Hash/Object.each 等价物

javascript - 如何将变量复制到剪贴板

javascript - Bootstrap 模式适用于内页,但不适用于主页

jquery - 固定图像的位置

javascript - jQuery - 自行更改类

css - 为什么我的 SVG 图像在 IE11 中被挤压?