如何讓div加載點擊時不加載頁面？

我目前正在建設一個新的網站。它使用一個頁面並使用jQuery手風琴菜單來加載內容。它在六個不同div中分割的內容，並在頁面被訪問時立即加載。我希望它在點擊鏈接時加載每個div。減少頁面加載時間。如何讓div加載點擊時不加載頁面？

你可以看到在行動上這我正在進行網站這裏工作：http://is.gd/1p1Ys

因爲我沒有讓jQuery腳本和我真的不擅長的JavaScript/jQuery的我沒有線索做什麼去做。所以我想知道這裏有沒有人能幫助我。

由於一噸，

瑞安

2009-07-06 Ryan

檢查簡單的jQuery解決方案http://jsfiddle.net/UPPnL/1/ – 2013-01-03 07:09:01

我同意其他答案jquery-ui選項卡做這個確切的事情，但你可以很容易地破解你的accordian.js文件...只是改變你的導航hrefs指向包含內容的外部html文件你想，即HREF = 「＃lifestream」=> HREF = 「lifestream.html」，

，然後在accordian.js：

$links.click(function() { 
    var link = this, 
    if(!link.href.match(/^#.*/)) { //if the href doesn't start with '#' 
    loadDiv(link.href); 
    } else { 
    doRestOfFunction(); //everything your script is currently doing. 
    } 
}); 

function loadDiv(href) { 
    $.get(href, function(html) { 
    var newDiv = $(html) 
    $(".panels").append(newDiv); 
    newDiv.hide(); 
    doRestOfFunction(); //same as above 
    } 
}

來源

2009-07-06 18:35:40 Daniel

謝謝，你知道在這裏添加到accordian.js嗎？對不起，如果問的太多了，但我在過去的10分鐘裏一直在擺弄，我所做的一切都是在主頁上展示所有div的節目。謝謝。 – Ryan 2009-07-06 18:53:24

從你的描述，這聽起來像頂級菜單項被點擊，直到不顯示這些div。如果是這樣的話，你可以使用jquery在子菜單div打開時插入到DOM中。

你可以在w3schools找到一個像樣的Javascript/DOM操作教程。

來源

2009-07-06 18:14:49

我不確定手風琴控制是什麼 - 檢查JQuery tabs - 您可以通過Ajax加載內容，這將阻止它們一次加載全部。如何做到這一點的解釋是here

來源

2009-07-06 18:19:10 Macros

如果你想動態加載內容，我會建議看看jquery-ui選項卡。目前我還沒有看到可以處理它的手風琴插件，這是合乎情理的，因爲手風琴愛好者需要知道內容的高度，而且如果您點擊面板時必須等待動態內容，它纔會顯得不平穩。標籤是您最佳和最適合前進的方式。

來源

2009-07-06 18:19:44 redsquare

如何讓div加載點擊時不加載頁面？

回答

相關問題