Question

我在下面有这个代码，它适用于从leftnav菜单加载div中的内容，我只需要页面在用户首次导航到页面时在内容框中显示“第一个”选择，是吗就像在html中包含默认内容一样简单，然后加载到它之上？这对任何人都有意义吗？

<div id="pressInfo"></div>


var urls = [
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #current_news',
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #mission_',
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #press_releases',  
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #staff_bios',
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #testimonials_',
 'http://iamwhitebox.com/staging/arkitek/includes/press-info.inc #awards_',
 ];
$(function() {
    $.each(urls, function(i, url) {
    var index = i+1;
        $("li.press_"+index+" a").bind('click', function(e){
        if(!$(this).hasClass('current-item')) {
        e.preventDefault();
            $('#press li a').addClass('current-item').not(this).removeClass('current-item');
            $('#pressInfo').fadeOut(250, function() {
                $(this).hide().load(url, function() {
                $(this).fadeIn(250);
                });
            }); 
        }
    });
    });
});

Answer 1

两种方法。您可以按照建议直接将第一项的内容构建到HTML中。另一种方法是在文档就绪中触发第一个项目的click事件。

$(function() {
    $('#press li:first a').trigger('click');
});

jquery菜单中的默认可见幻灯片

1 个答案: