我正在这个网站上工作 http://church.allthingswebdesign.com左边的链接需要点击 2 次才能让 li 滑入,而在 FF 中你只需点击一次。期望的结果是只让用户点击一次。
这是我的 jQuery:
//slides the left sidebar links when the button is clicked
$('div.links').hide();
$('div.boxes h3 a.button').click(function(e) {
var $links = $(this).parents('div.boxes');
$(this).parents().children('div.links').slideDown(500);
$links.slideDown(500).animate({
//if the left css property = 0, move it to the left as many pixels as it is wide,
//else move it back to 0
left: parseInt($links.css('left'),10) == 0 ? (-$links.outerWidth()-2) : 0
}, 500);
e.preventDefault();
})
另外,当您单击左侧的链接时,我该如何使光色不可见?
最佳答案
我很确定 Safari 有一个默认的 left
位置 auto
而 FF 给你一个以像素为单位的位置。
尝试测试 $links.css('left')
的初始值。我敢打赌情况就是这样。
在您的 CSS 或 javascript 中,给 div.boxes
一个起始值 0
或其他值,看看是否有帮助。
或者代替
$links.css('left')
尝试
$links.position().left;
关于jquery - 链接在 Safari 和 chrome 中需要点击 2 次,但在 Firefox 中只需要点击 1 次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3507955/