ajax在元素之前加载插入

Question

我希望在导航之前插入jQuery AJAX加载，而不是替换元素的内容。

我正在尝试通过在导航之前将其加载到新的div中来实现此目的，但是我无法解开它，因为.unwrap()打开了父级而不是当前的div。尝试打开div .children()会破坏我的AJAX负载。

navigation.before(
    $('<div />')
        .load(nextLink + ' .post', function() {
            pageNum++;
            nextLink = nextLink.replace(/\/page\/[0-9]?/, '/page/'+ pageNum);

            if(pageNum <= max) {
                navigation.children('a').text('Load More');
            }
            else {
                navigation.children('a').text('Nothing else to load.');
            }
        })
);

如果您想知道它来自哪里，它是Load Next WordPress Posts With AJAX

的修改版本

Answer 1

试试这个

$('<div />')
    .load(nextLink + ' .post', function() {
        pageNum++;
        nextLink = nextLink.replace(/\/page\/[0-9]?/, '/page/'+ pageNum);

        if(pageNum <= max) {
            navigation.children('a').text('Load More');
        }
        else {
            navigation.children('a').text('Nothing else to load.');
        }

        navigation.before($(this).html());
    });