2014-02-20 33 views
0

我試圖讓我的主頁,所以當在菜單中點擊用戶僅在內容股利應該改變,我要我再變回內容時,DIV在菜單中選擇的再次..變化股利在使用jQuery

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

我試圖與此:

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

} 

但我不會工作..?我曾嘗試replaceWith但刪除了以前的股利。

+0

看到此鏈接 http://stackoverflow.com/questions/1103172/jquery-change-div-text – Mortzea

回答

0

檢查你的HTML後,絕對最簡單,最理想的解決方案是隱藏不需要的div,並顯示所需要的一個......所以,對於.ME代碼將是這樣的:

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

如果你想走得更遠了一步,使之更好,更具可讀性:

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

,然後你點擊功能應該是這樣的:showPage("me") ...產品:showPage("home"),等...

+0

怎麼來的?它將.me(它是空的)的內容插入到#content中。 – Shomz

+0

股利.ME的高度,寬度和背景顏色.. ,所以我應該只是更換。家裏的div .. –

+0

這是因爲有對'me'類CSS規則。使其工作的最簡單方法是將該類添加到#content div中。 – Shomz

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/

+0

當我嘗試這一點,並單擊,我不需額外顯示什麼.. 的.ME沒有顯示:無; 但如果我刪除它不會顯示在div我含量我點擊 –

+0

後刪除''//之前'$ me.show();'。它被註釋掉了,所以它沒有運行。 – jakealbaugh

+0

沒有什麼是藏在我的代碼.ME,所以它必須是某處你的。 – jakealbaugh