Question

伙计们我只是坚持这一点，给予积极的课程。它根本就不适合我 - 我会展示代码，它可能会让你更快地帮助我。我知道理论背后的Jquery逻辑，但实际上它还没有完成。这就是我过来问的原因。它位于http://jsfiddle.net/j08691/dZ9KP/12/。

<div id="MainContainer">
  <ul id="MainNav">
    <li> <a href="#page1">   title 1  </a>     </li>
    <li>    <a  href="#page2">  title 2 </a>     </li>                
  </ul>
  <div id="MainContent">
    <div class="MainContentEach" id="page1">
      title 1 content
    </div>
    <div class="MainContentEach" id="page2">
      title 2 content
    </div>
  </div>
</div>

JS

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

任何帮助都将不胜感激。

Answer 1

如果您只需要在active标记点击时添加名为<a>的类，则可以执行以下操作：

$(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>的类，请注意，此类需要在样式表中定义。

滑块的活动类

1 个答案: