jQuery 函数无法解析

Question

我对堆栈溢出和从头开始使用 jQuery 都很陌生，所以请原谅我任何不正确的格式(或者只是完全省略代码)以及明显粗制滥造的编码实践。

我正在这里整理一个作品集:问题已回答，链接已删除

如果您尝试单击导航中的链接，则会出现淡出>淡入效果解析。在“门户”和“关于”之间，链接效果非常好，但如果您单击“日记”、“资源”或“联系人”，则在离开它们时，文本会中断并且无法淡出。

我可以替换单个 div 的innerHTML，但我更喜欢使用这种格式来交换内容。谁能告诉我为什么它适用于前两个链接，但当我对它们进行相同的编码时，它会破坏其他三个链接？

Answer 1

我不确定这是否会解决您的问题，但我注意到您所有的条件检查都使用单个等号而不是双等号(甚至更好，三等号!)。

尝试从此更改所有条件:

else if (about=true)

对此:

else if (about===true)

编辑:在查看了 javascript 一段时间后，我注意到你有很多不必要的冗余代码。我在 jsfiddle 上编写了一个小演示，希望能帮助您大幅缩减代码。

http://jsfiddle.net/FdeM9/

$('a').on('click', function () {
    var clickedDiv = this;
    var visibleDiv = $('div:visible');
    var divToShow = $('div').eq(parseInt(clickedDiv.innerHTML)-1);

    if (visibleDiv[0] === divToShow[0]) {
        return;
    }

    visibleDiv.fadeOut(500, function () {
        divToShow.fadeIn(500);
    });
});​