Question

我找到了满足我需求的这一小段代码，但有没有办法让默认加载“目标1”？所以“正确”不是以空div开头，而是已经从“目标1”开始。

jQuery(function($) {

$('a.panel').click(function() {
    var $target = $($(this).attr('href')),
        $other = $target.siblings('.active');

    if (!$target.hasClass('active')) {
        $other.each(function(index, self) {
            var $this = $(this);
            $this.removeClass('active').animate({
                left: $this.width()
            }, 500);
        });

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

});

http://jsfiddle.net/sg3s/rs2QK/

Answer 1

只是一点点补充

$('a[href=#target1]').click()

Demo

Answer 2

要让target1处于活动状态是默认值，您需要为其指定一个active类，并在HTML中添加display: block样式

通过不使用javascript将target1 div设置为活动状态，页面在右侧div中出现之前不需要先加载。这意味着如果页面很重，它将不会闪烁白色，因为它正在等待页面加载。

<div class="panel active" id="target1" style="background:green; display:block;">Target 1</div>

像这样 - http://jsfiddle.net/rs2QK/2291/

用jQuery滑动的水平div

2 个答案: