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();
});

OR

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

<强>更新

如果网址包含#hash，则会打开该网址，否则会打开第一个网址。

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

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事件以显示默认元素（fiddle） -

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

或选择任何元素with -

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

Answer 4

使用您用于显示/隐藏的方法的方法是

<强> Live Demo

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

在页面加载时将div内容显示为默认值

4 个答案: