影響頁面加載速度的可見/隱藏內容？如何根據需要檢索外部數據？

示例：從電子表格中同時提取鏈接的<H4>（<a><H4>maximum 200 characters</H4></a>）及其相應的div（<div>maximum 10000 characters</div>）的列表;當點擊任何一個可見鏈接的<H4>（toggle()）時，會顯示其對應的先前隱藏div（hide()）。鏈接<H4>和相關div的列表隨着電子表格的增長而增長，如評論表單。影響頁面加載速度的可見/隱藏內容？如何根據需要檢索外部數據？

問題：

是否<H4>列表加載速度更快（或出現在頁面上更快）時的div預先隱藏（hide()）？
如果問題1是negatif，這將是最簡單的jQuery的功能結構，在這個例子中，檢索和顯示鏈接<H4>年代後的div被加載並只有在用戶點擊<H4>？我已經找到了數據獲取函數（google.jsapi），所以我需要正確的jQuery函數結構，以允許用戶按需加載補充數據。任何指針？

注意：目前正在開發的jQuery 1.6或更高版本。以上代碼僅爲簡化說明。 <H4>被打包在<a>標記之中的原因是一個跨瀏覽器問題，並允許accesskeys與鍵盤用戶和Tab鍵（我試過each()方法可點擊H4 s和Firefox並沒有讓我失望，但IE 6-7恨我，並凍結）。

來源

2011-12-19 DaNCh

爲什麼從電子表格中獲取？只是好奇 – 2011-12-19 15:50:29

@Emmanuel N：我正在構建一個與Google電子表格交互的Google小工具。該小工具在Google協作平臺頁面上運行。電子表格用於收集來自Google表單的輸入內容，這些內容將在發佈到Google協作平臺頁面之前進行審覈。如果還有其他方法可以收集表單輸入，並且可以在沒有電子表格的情況下在Google協作平臺網頁上發佈，請提醒我 - 我是一個新手，但學習速度很快，希望深入瞭解可自定義的表單UI和數據操作。 – DaNCh 2011-12-19 16:45:10

1）當div被事先隱藏（hide（））時，列表加載速度是否更快（或者頁面上顯示更快）？

答：

只要你加載隱藏的div你加載你的頁面的同時，你的頁面將不會加載更快/ signifcantly快

2）如果問題1是negatif什麼將是最簡單的jQuery函數結構，在這個例子中，在鏈接的s被加載並且僅在用戶點擊之後檢索和顯示div。

答：

使用AJAX來填充的div需求，創建空的隱藏的div一個頁面，加載這些div的使用Ajax請求，當你向他們展示。所有這些都可以使用javascript/JQuery

來源

2011-12-19 17:25:52

好吧，我收集了一些Ajax灑水會很有幫助，我會嘗試將它與現有的代碼混合在一起，看看是什麼給了thx來提醒我。 – DaNCh 2011-12-19 18:21:18

影響頁面加載速度的可見/隱藏內容？如何根據需要檢索外部數據？

回答

相關問題