Я пытался загрузить более одной html / xhtml / xml страниц на веб-страницу. это метод, которому я следую
Это моя базовая страница
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
var lastScrollTop = 0;
var indexup = 4;
var indexdown = 4;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){
console.log($(window).scrollTop()+ " <><><> " + $(window).height()+" === "+$(document).height());
// downscroll code
var total = $(window).scrollTop()+$(window).height();
var diff = Math.abs(total-$(document).height());
if(diff<=2) {
// alert("bottom!");
indexdown = indexdown+1;
if(indexdown>7)
{
alert("This is the last page")
}
else
{
appendNext(indexdown);
}
}
} else {
// upscroll code
if ($(window).scrollTop() == 0)
{
console.log($(window).scrollTop() + $(window).height()+" === "+$(document).height());
// alert('Scrolled to Page Top');
indexup = indexup-1;
if(indexup==0)
{
alert('This is the first page');
}
else
{
appendPrevious(indexup);
}
}
}
lastScrollTop = st;
});
function appendNext(index)
{
$.get("html/01.PAGE."+index+".html", function (data) {
$("#appendToThis").append(data);
});
}
function appendPrevious(index)
{
$.get("html/01.PAGE."+index+".html", function (data) {
var old_height = $(document).height(); //store document height before modifications
var old_scroll = $(window).scrollTop();
$("#appendToThis").prepend(data);
$(document).scrollTop(old_scroll + $(document).height() - old_height); //restore "scroll position"
});
}
</script>
</head>
<body>
<div id="loadDiv">
</div>
<script type="text/javascript">
$("#loadDiv").load("xhtml/01.PAGE.4.html");
</script>
</body>
</html>
Это работает нормально, как и ожидалось. Сначала я загружаю 01.PAGE.4.html, после добавления loadDiv и 01.PAGE.3.html добавляется 01.PAGE.5.html.
Но на самом деле эти 01.PAGE.4.html - это 01.PAGE.4.xhtml.
Я изменил расширения с xhtml на html для тестирования и обнаружил, что jquery может загружать коды xhtml, но не может добавлять или добавлять то же самое.
То есть, когда я попытался перезапустить код как xhtml, код дал мне эту ошибку
uncaught typeerror cannot read property 'ownerdocument' of null jquery при проверке консоли,
вот мои сомнения, как получить значение из #Document
Когда я вышел из системы, она содержит все данные страницы, но я не знаю, как добавить или добавить ее с помощью jquery. Но даже для загрузки страницы xhtml функция jquery работает. Кто-нибудь, пожалуйста, помогите
как получить данные из #Document для jquery, добавить и добавить?