jquery - 链接在 Safari 和 chrome 中需要点击 2 次，但在 Firefox 中只需要点击 1 次

Question

我正在这个网站上工作 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();
})

另外，当您单击左侧的链接时，我该如何使光色不可见？

Answer 1

我很确定 Safari 有一个默认的 left 位置 auto 而 FF 给你一个以像素为单位的位置。

尝试测试 $links.css('left') 的初始值。我敢打赌情况就是这样。

在您的 CSS 或 javascript 中，给 div.boxes 一个起始值 0 或其他值，看看是否有帮助。

或者代替

$links.css('left')

尝试

$links.position().left;