在javascript中單擊加載特定div？

Question

我不知道如何實際說出這個，所以這可能會令人困惑，對不起。

我有一個頁面在這裏：http://dl.dropbox.com/u/3264697/calc/v2/index.html

在頂部，你看到一個菜單，有幾個不同的功能 - 每一個自己單獨的頁面上。它可以表示爲：

A | B | C | D

其中|表示頁，

ALL的曾經是一個頁面上的功能，例如：

A + B + C +被點擊鏈接時，與B，C d

A是可見和D在點擊它們時觸發。

點擊其中一個函數將加載該div並隱藏當前的一個 - 所以人們可以在頁面之間來回切換而無需加載另一個頁面。我改變了它，因爲加載時間太長。

但是，現在我想要改回它。我想結果是這樣的：

A + B + C | d

然而，在頁面d的時候，如果我點擊鏈接B，DIV A將加載（因爲它是一個單獨的頁面上的默認格）

有沒有辦法去影響它的div負載時的鏈接被點擊？

Answer 1

我看到你的頁面中有jQuery，所以我會用它來簡化事情。你會添加一個點擊處理程序到你的鏈接來顯示其相應的div並隱藏其他。給你的鏈接和div的ID和給你的div一個共同的類：

$("#linkId").click(function() { 
    $(".tabContent").hide(); 
    $("#tabContentId").show(); 
    return false; 
}); 

編輯：設置點擊所有的鏈接處理一次，你可以指定其相應的div的ID作爲自定義屬性鏈接。然後綁定所有具有自定義屬性設置鏈接：

$("a[contentId]").click(function() { 
    $(".content").hide(); 
    $("#" + this.getAttribute("contentId")).show(); 
    return false; 
}); 

工作演示：http://jsfiddle.net/gilly3/fyRA4/