javascript - 页面加载时默认显示 div 内容

Question

我按照这个http://jsfiddle.net/6rSvf/使链接在单击时更改 div 内容。但是，有人可以帮助我如何将 div 显示为默认值，然后在单击链接时相应地替换内容。目前，在单击链接之前不会显示任何内容。

这是我的JS。

$("#divtoggle").delegate("a", "click", function(e) {
    var toggled = ($(this).prop("id"));
    $("div#wrap").prop("class", toggled);
});

谢谢

Answer 1

$(document).ready(function() {
    $('#div1').show();
});

或者

$(document).ready(function() {
    $('#togglediv1').click();
});

更新

如果 URL 有#hash，它将打开那个，否则将打开第一个。

$(document).ready(function() {
    if (window.location.hash && $(window.location.hash).length > 0) {
       $(window.location.hash).show();        
    } else {
        $('#div1').show();
    }
});

​ ​</p>

Answer 2

您可以触发单击#divtoggle元素中的第一个锚点：

$("#divtoggle").delegate("a", "click", function(e) {
    var toggled = ($(this).prop("id"));
    $("div#wrap").prop("class", toggled);
}).find('a').first().trigger('click');

Answer 3

您始终可以click显式触发事件以显示默认元素（小提琴） -

$('#divtoggle a').first().click();

或选择任何元素-

$('#divtoggle a:eq(n)').click(); //`n` as index(starts from `0) of elements 

Answer 4

To 是你如何使用你用来显示/隐藏的方法

现场演示

$("div#wrap").prop("class", 'togglediv1');
$("#divtoggle").delegate("a", "click", function(e) {
    var toggled = ($(this).prop("id"));
    $("div#wrap").prop("class", toggled);
});​