Infinite Ajax Scroll jQuery - 在滚动/pageChange 上更新标题答案

【问题标题】：Infinite Ajax Scroll jQuery - Update title on scroll / pageChangeInfinite Ajax Scroll jQuery - 在滚动/pageChange 上更新标题
【发布时间】：2017-05-17 18:18:07
【问题描述】：

滚动时是否有可能让头部的 TITLE 得到更新？

我正在使用无限 Ajax 滚动。 http://infiniteajaxscroll.com

var ias = jQuery.ias({
container:  '#posts',
item:       '.post',
pagination: '#pagination',
next:       '.next'
});

jQuery.ias().on('pageChange', function(pageNum, scrollOffset, url) {
    // Update Page Title
});

【问题讨论】：

库提供事件。监听相应的事件，并在回调中更新标题。
我已经尝试在 pageChange-function 上更新 document.title 但没有让它工作。
那么请在您的问题中发布该功能。

标签： javascript jquery infinite-scroll jquery-ias

【解决方案1】：

我在使用 Infinite Ajax Scroll 时遇到了同样的问题。我找到的唯一解决方案是从“加载”事件的“数据”中提取标题。

ias.on('loaded', function(data, items) {
        var title = data.match(/<title[^>]*>([^<]+)<\/title>/)[1];
        document.title = title.replace(/&amp;/g, '&')
            .replace(/&lt;/g, '<')
            .replace(/&gt;/g, '>')
            .replace(/&quot;/g, '"')
            .replace(/&#039;/g, "'");
    })

【讨论】：