所以我试图找出造成这种情况的原因,这让我抓狂。
今天早上,我在我网站的右侧栏中为我的客户 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/