Question

您好，这是从jscrollpane得到的，但无法弄清楚如何使第一个标签处于活动状态，并且在点击之前它不会显示信息。我知道我要用什么代码把它我只是不知道我要把它带到哪里或什么才能使它工作

$（（）的函数 { //创建“标签” $（”标签）每。（功能（） {

  var currentTab, ul = $(this);
  $(this).find('a').each(
   function(i)
   {
    var a = $(this).bind(
     'click',
     function()
     {
      $("ul.tabs li:first").addClass('active').show();
      if (currentTab) {
       ul.find('a.active').removeClass('active');

       $(currentTab).hide();
      }
      currentTab = $(this).addClass('active')
          .attr('href');
      $(currentTab).show().jScrollPane();
      return false;
     }
    );
    $(a.attr('href')).hide();

   }

  );
 }
);

}）;

Answer 1

$('.tabs').each(
    function()
    {
        var currentTab, ul = $(this);
        $(this).find('a').each(
            function(i)
            {
                var a = $(this).bind(
                    'click',
                    function()
                    {
                        if (currentTab) {
                            ul.find('a.active').removeClass('active');
                            $(currentTab).hide();
                        }

                        currentTab = $(this).addClass('active')
                                        .attr('href');
                        $(currentTab).show().jScrollPane({
                                        showArrows: true,
                                        verticalGutter: 10,
                                        animateScroll: true,
                                        verticalDragMinHeight: 34,
                                        verticalDragMaxHeight: 34
                        });
                        return false;
                    }
                );
                $(a.attr('href')).hide();
            }
        );
    }
).find('a:first').trigger('click');

使用('a:first')代替.first()为我工作。

Answer 2

您只需触发找到的第一个链接上的点击即可。 e.g。

$('.tabs').each(
    function()
    {
        var currentTab, ul = $(this);
        $(this).find('a').each(
            function(i)
            {
                var a = $(this).bind(
                    'click',
                    function()
                    {
                        if (currentTab) {
                            ul.find('a.active').removeClass('active');
                            $(currentTab).hide();
                        }
                        currentTab = $(this).addClass('active')
                                        .attr('href');
                        $(currentTab).show().jScrollPane();
                        return false;
                    }
                );
                $(a.attr('href')).hide();
            }
        );
    }
).first().find('a').trigger('click');

（注意最后一行的变化）

使用jscrollpane激活第一个选项卡

2 个答案: