如何隐藏/显示JS生成的内容?

时间:2011-02-18 08:20:16

标签: javascript jquery

我需要隐藏/显示javascript生成的内容,请参阅下文:

$(window).load(function () {
    $("body").html('<a href="# id="ipsum">Show Ipsum</a><br />' +
        '<p id="lorem_content">Lorem</p><p id="ipsum_content">Ipsum</p>' +
        '<p id="dolor_content">dolor</p>');
    $("p").hide();
    $("p#lorem_content").show();

    $("a").live("click", function() {
        $("p").hide();
        $("p#" + $(this).attr('id') + "_content").show();
    });
});​

http://jsbin.com/olebu3/edit

点击a#ipsum后应显示的内容未显示...为什么? jQuery hide()方法应该只设置为“display:none”,而不是删除内容,是不是真的?

1 个答案:

答案 0 :(得分:5)

在第二行将<a href="# id="ipsum"更改为<a href="#" id="ipsum"。你忘了引用了