Question

我正在尝试制作我的主页，所以当用户点击菜单时，只有内容中的div应该更改，而且当我再次在菜单中选择div时，我应该再次更改..

http://thom239u.keaweb.dk/help/

我试过这个：

function me(){
    $(".me").show();
    document.getElementById("content").innerHTML = $(".me");

}

但我不会工作.. ??我已经尝试过replaceWith但删除了之前的div。

Answer 1

重构了一下，但如果你想把它作为一个函数，这应该可以正常工作。

function me(){
    var $me = $(".me"),
        $content = $("#content"),
        meContent = $me.html();
    //$me.show(); // un-comment if you need it, useless unless .me is hidden
    $content.html(meContent);
}

me();

工作小提琴： http://jsfiddle.net/9Z2Wk/1/

Answer 2

在查看你的html之后，绝对最简单和最理想的解决方案是隐藏不需要的div，并显示所需的div ...所以，.me的代码就是这样：

$('#content > div').hide(); 
$('.me').show();

如果你想更进一步，让它更好，更可读：

function showPage(class) {
    $('#content > div').hide(); 
    $('.'+class).fadeIn(200);
}

然后，您的点击功能如下所示：showPage("me") ...适用于家庭：showPage("home")等等......

使用jQuery更改内容中的Div

2 个答案: