從動態變化的div獲取數據屬性

我需要某些幫助。我目前正在製作一個類似書的系統，當您向下滾動時，它會調用ajax以在您滾動到底部時加載下一頁。從動態變化的div獲取數據屬性

數據屬性存儲在：

<span hidden id="page" data-vnum="{{ chapters.last.volume.id }}" data-npage="{{ chapters.currentPage + 1 }}" data-ppage="{{ chapters.currentPage - 1 }}" data-cpage="{{ chapters.currentPage }}" data-lpage="{{ chapters.lastPage }}"></span>

下一個頁面被調用時，它刷新了跨度和用新值更新它（整個跨度元素被用新的具有相同ID的替換。但不同的數據值

span元素被新值替換，但是當我檢查呼叫仍保留舊值這是當前的腳本：

var page = document.getElementById('page'); 

var book = { 
    volumeNumber: page.dataset.vnum, 
    nextPage: page.dataset.npage, 
    prevPage: page.dataset.ppage, 
    currentPage: page.dataset.cpage, 
    lastPage: page.dataset.lpage 
}; 

var nextPageUrl = baseSettings.baseURL + '/novel/2/volume/' + book.volumeNumber + '/chapter/' + book.nextPage; 

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     if(book.lastPage > book.currentPage) { 
      $(this).request('onNextChapter', { 
       data: { pageNumber: book.currentPage }, 
       url: history.pushState({}, '', nextPageUrl), 
       success: function(data) { 
        this.success(data).done(function() { 
         document.getElementById('chapter-header').remove(); 
         console.log(nextPageUrl) 
        });    
       }, 
      }); 
     }  
    } 
});

來源

2017-05-14 Terrabyte

下一個頁面加載

$("page").attr({ 
    "data-vnum": newvalue, 
    "data-npage": newvalue, 
    "data-ppage": newvalue, 
    "data-cpage": newvalue, 
    "data-lpage": newvalue 
});

你應該把這個

來源

2017-05-14 01:57:28 AvrilAlejandro

這裏的問題是，當頁面加載它不喜歡其中的值更新刷新，ajax的改變基於跨度值在地址欄中輸入的章節號（頁碼） – Terrabyte

從動態變化的div獲取數據屬性

回答

相關問題