jquery - jQuery在页面加载时自动选择div

Question

全部。我有 jQuery 在点击链接时水平滑动 div。问题是在页面加载时没有点击链接，所以没有 div 是可见的（只有 ul 是可见的）。我想在页面加载时选择 id 为“page1”的 div。怎么做？我没有发布任何 html，它的几个 div 的 id 为 page1 到 page9，而 ul 的链接引用了 div id。

jQuery：

jQuery(function($) {
    $('a.panel').click(function() { 
        var $page = $($(this).attr('href')), $other = $page.siblings('.active');
        if (!$page.hasClass('active')) { 
            $other.each(function(index, self) { 
                var $this = $(this);
                $this.removeClass('active').animate({ left: $this.width() }, 500);
            });
            $page.addClass('active').show().css({ left: -($page.width()) }).animate({ left: 0 }, 500);
        } 
     return false;
   });
});

谢谢

Answer 1

假设您想在a.panel触发 a显示的第一个链接中div显示

只需使用

$(docmuent).ready(function () {
    $('a.panel:nth(0)').click();
});

第一元素使用:nth(0)

第二次:nth(1)，因为索引从0

Answer 2

我建议您在页面中找到第一个 div 并显示它。你还没有显示你的 HTML，所以我不能给你选择器，但是这样的东西应该可以工作：

$('.page:first')
    .addClass('active')
    .show()
    .css({ left: -($page.width()) })
    .animate({ left: 0 }, 500);