Question

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

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中显示触发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);

jQuery自动选择页面加载div

2 个答案: