Jquery 滑块的活动类

伙计们，我只是被困在这里，给大家上了一堂活跃的课。它只是简单地不为我工作-我会显示代码，它可能会让你帮助我更快。我知道这个理论背后的Jquery逻辑，但实际上它并没有完成。这就是我来问这个问题的原因。 它就在那儿

---

任何帮助都将不胜感激。

如果您只需要在单击

标记时将名为

active的类添加到
标记中，您可以执行以下操作：

$(function () {
    $('#MainNav a').click(function () {
         pageId = $(this).attr('href');
         num = $('#MainNav a').index(this);
         $(pageId).parent().animate({ scrollTop: (500 * num) }, 'slow');

         $('#MainNav a').each(function () {
             if ($(this).hasClass('active')) {
                 $(this).removeClass('active');
             }
         });

         if (!$(this).hasClass('active')) {
             $(this).addClass('active');
         }
    });
});

这将添加一个名为
active
的类，请记住，这个类需要在样式表中定义。
如果您只需要在单击
标记时将一个名为
active
的类添加到
标记中，您可以执行以下操作：

$(function () {
    $('#MainNav a').click(function () {
         pageId = $(this).attr('href');
         num = $('#MainNav a').index(this);
         $(pageId).parent().animate({ scrollTop: (500 * num) }, 'slow');

         $('#MainNav a').each(function () {
             if ($(this).hasClass('active')) {
                 $(this).removeClass('active');
             }
         });

         if (!$(this).hasClass('active')) {
             $(this).addClass('active');
         }
    });
});

这将添加一个名为
active
的类，你的
标记，请记住，这个类需要在你的样式表中定义。
请详细说明你的问题，并更好地设置一个你可以在“添加资源”下导入的类。处理两项：a）不要在帖子中放置元注释（猜猜看，这对我们来说不是太糟糕）.  如果你对某个帖子的关闭有异议，请将其提交给版主或提醒版主注意b）不要因为你的另一个问题已关闭而完全更改一个会破坏现有答案上下文的问题。编辑该问题，以清除“结束原因”中列出的问题以及可能的评论。我锁定了这篇文章一段时间，这样你就不能像你做的那样进行破坏性的编辑。请详细说明你的问题，并更好地设置一个你可以在“添加资源”下导入它的页面。处理两个问题：a）不要在文章中放置元评论（猜猜看，这对我们来说不是太糟糕）。如果你对某个帖子的关闭有异议，请将其提交给版主或提醒版主注意b）不要因为你的另一个问题已关闭而完全更改一个会破坏现有答案上下文的问题。编辑该问题，以清除“结束原因”中列出的问题以及可能的评论。我把这篇文章锁定了一段时间，这样你就不能像刚才那样进行破坏性的编辑了。谢谢史蒂文的回复。但是它给每一个点击的人上课@WillySmith尝试一下我的更新答案，首先它会删除所有活动类，然后它应该只为点击的标签设置活动类完美：）再次感谢Steven；我可以知道你是从哪个参考人那里学到jquery的吗？谢谢Steven的回复。但是它给每一个点击的人上课@WillySmith尝试一下我的更新答案，首先它会删除所有活动类，然后它应该只为点击的标签设置活动类完美：）再次感谢Steven；我可以知道您从哪个参考人那里学习jquery吗？
$(function () {
    $('#MainNav a').click(function () {
         pageId = $(this).attr('href');
         num = $('#MainNav a').index(this);
         $(pageId).parent().animate({ scrollTop: (500 * num) }, 'slow');

         $('#MainNav a').each(function () {
             if ($(this).hasClass('active')) {
                 $(this).removeClass('active');
             }
         });

         if (!$(this).hasClass('active')) {
             $(this).addClass('active');
         }
    });
});