第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何從源HTML頁面加載子HTML頁面內(nèi)容,而不使用jQuery滾動(dòng)到頁面底部?

如何從源HTML頁面加載子HTML頁面內(nèi)容,而不使用jQuery滾動(dòng)到頁面底部?

慕沐林林 2022-09-29 17:53:14
我正在使用j查詢加載一個(gè)子HTML頁面。子 HTML 頁面具有 div 的列表,數(shù)字最多可以變化 50 個(gè) div。我正在使用Jquery.get在父級(jí)中加載子HTML。我要求查看包含所有div的子級(jí)內(nèi)容,而無需滾動(dòng)到頁面底部。我試圖使用以下代碼,但是在顯示所有div后,來自孩子的div不斷重復(fù)。我怎樣才能做到這一點(diǎn)?家長.html<div id="parent"></div><script>    $.get('child.html', function(data){ // Loads content into the 'data' variable.        $('#parent').append(data); // Injects 'data' after the #div element.    });    $(document).scroll(function(e){        if ($(window).scrollTop() >= ($(document).height() - $(window).height())*0.7){            $.get('child.html', function(data){ // Loads content into the 'data' variable.                $('#parent').append(data); // Injects 'data' after the #div element.            });        }    });</script>兒童.html<div class='row list' id=1>    <span>1</span></div><div class='row list' id=2>    <span>2</span></div><div class='row list' id=3>    <span>3</span></div><div class='row list' id=4>    <span>4</span></div><div class='row list' id=5>    <span>5</span></div>
查看完整描述

1 回答

?
人到中年有點(diǎn)甜

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個(gè)贊

如果我理解正確,您希望一次從文件中加載50個(gè)DIV元素。為此,我們需要跟蹤已加載的項(xiàng)目數(shù),然后在加載/附加到文檔之前過濾HTML。child.html

我們想要?jiǎng)?chuàng)建一個(gè)流程/狀態(tài)圖來了解需要什么。

  1. 初始負(fù)載

  • 使用子元素中的前 50 個(gè)項(xiàng)目填充元素.htmlparent

  1. 用戶閱讀內(nèi)容,向下滾動(dòng)頁面

  2. 用戶達(dá)到文檔高度的 70%

  • 請求接下來的 50 個(gè)元素

  • 將下一個(gè)結(jié)果集追加到parent

注意:最好使用服務(wù)器端腳本,如PHP,它可以以塊的形式提供數(shù)據(jù)。

據(jù)我所知,它是靜態(tài)的,包含N個(gè)元素。腳本/j查詢無法加載特定數(shù)量的項(xiàng)。每次都會(huì)加載整個(gè)文檔。使用 ,我們可以篩選特定的選擇器。child.html.load()

與 不同的是,該方法允許我們指定要插入的遠(yuǎn)程文檔的一部分。這是通過 URL 參數(shù)的特殊語法實(shí)現(xiàn)的。如果字符串中包含一個(gè)或多個(gè)空格字符,則假定字符串中第一個(gè)空格后面的部分是確定要加載的內(nèi)容的 jQuery 選擇器。.load()$.get()

我認(rèn)為我們可以使用 ,如下所示::lt()

$(“#parent”).load(“子.html .row:lt(50)”);

這已被棄用:

從 jQuery 3.4 開始,偽類已被棄用。將其從選擇器中刪除,稍后使用 篩選結(jié)果。例如,可以替換為對 的調(diào)用。:lt.slice():lt(3).slice( 0, 3 )

這樣做,然后我們會(huì)恢復(fù)到這樣。$.get()

$.get("child.html", function(ht){
  $("#parent").append($(ht).find(".row").slice(0,50));
});

這將工作但不是最佳的,因?yàn)?a >GET請求每次都會(huì)返回整個(gè)文檔。如果是這種情況,最好先加載整個(gè)文檔,然后在用戶向下滾動(dòng)時(shí)顯示更多項(xiàng)目。這違背了目的。

如果你想試試,這里有一個(gè)例子:

$(function() {

  var count = 0;


  function getNextSet(url, n) {

    var ht;

    $.get(url, function(data) {

      var start = count;

      count = count + n;

      ht = $(data).find(".row").slice(start, count);

    });

    return ht;

  }


  $("#parent").append(getNextSet("child.html", 50));


  $(document).scroll(function() {

    if ($(window).scrollTop() >= ($(this).height() - $(window).height()) * 0.7) {

      $("#parent").append(getNextSet("child.html", 50));

    }

  });

});


查看完整回答
反對 回復(fù) 2022-09-29
  • 1 回答
  • 0 關(guān)注
  • 114 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)