【问题标题】:Infinite scroll cancel the highlight无限滚动取消高亮
【发布时间】:2014-02-24 21:20:53
【问题描述】:

我将infinite scrolling 用于搜索结果页面。我遇到的问题是,当您搜索“Android”之类的内容时,该词会在您在第一页看到的结果中突出显示,但如果您滚动到页面底部并查看更多结果,那些条目没有突出显示搜索词。 因此,无限滚动加载的页面没有突出显示搜索词。高亮的脚本是here

$(document).ready(function() {
            jQuery.ias({
                container : '.articles',
                item: '.article',
                pagination: '#pagination',
                next: '.next_page',
        triggerPageThreshold: 1003,
                loader: '<img src="loader.gif"/>'

            });     

        });    

执行高亮显示:

$('p').highlight('android');

在萤火虫中,当我运行脚本时它工作正常。如何在无限滚动内部实现它以触发它?

【问题讨论】:

    标签: javascript jquery infinite-scroll


    【解决方案1】:

    这样就可以了

    $(document).scroll(function(){
            var el = $('body');
            var top = $(el).offset().top - $(document).scrollTop();
            if (top < 5){
            var term = $('#q').val();
              $('p').highlight(term);
            }        
          });
    

    【讨论】: