我正在嘗試通過使用我創建并上傳到云存盤的 jquery、ajax 和 html 檔案來制作無限滾動效果。我是初學者，剛開始學習編碼。
** 下面是我正在試驗的部分代碼。當我使用當前代碼時，我的內容是重復的，除非我添加 $(window).off("scroll.once"); 停止該功能重復。
***當前*** - 滾動事件要求您到達頁面底部，然后發出 ajax 請求并將內容從我上傳到云驅動器的 html 檔案中提取出來。
將 html 檔案的內容附加到 Main Tag 后，如果我滾動回頁面底部，則會重復函式和 ajax 呼叫，并且重復 html 檔案的內容。
*** GOAL *** - 每次功能完成后，我希望 url 自動更新，以便我的云存盤中的下一個 html 檔案的內容可以附加到上一個內容的下方。我還需要能夠告訴函式，更新 url 和重新初始化多少次。
3 個不同檔案的 URL 示例：
第一個 HTML 檔案 URL - Anywebsite.com/HTMLl
第二個 HTML 檔案 URL - Anywebsite.com/HTML2
第二個 HTML 檔案 URL - Anywebsite.com/HTML3
$(window).on("scroll.once", function() {
if ($(window).scrollTop() == $(document).height()-$(window).height()){
$.ajax({
url: "ENTER FIRST URL",
success: function (data) { $('main').append(data); },
dataType: 'html'
});
}
});<main>Test</main>uj5u.com熱心網友回復：
如果您有每個問題編號的 html 檔案名，那么您可以使用以下代碼來實作您想要的結果。請注意，這只是為了讓您了解如何更改 url，代碼將在到達編號時開始給出錯誤，沒有 html 檔案存在，即對于 html4，如果該位置不存在，您將收到 404 回應。
var step = 1;
var loading = false;
$(window).on("scroll.once", function() {
if ($(window).scrollTop() == $(document).height()-$(window).height()){
if(loadding === false){
loading = true;
$.ajax({
url: 'Anywebsite.com/HTML' step,
success: function (data) { step ; $('main').append(data); loading = false; },
dataType: 'html'
});
}
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/517750.html
標籤：javascripthtmljQuery阿贾克斯无限滚动