我如何从无限滚动回调?

时间:2013-05-20 23:20:59

标签: php javascript jquery html

从无限滚动回调的正确方法是什么?目前这个`

$(function() {
    code(); 
    $('#catview').infinitescroll({ 
        dataType: 'html',
        navSelector: 'div.nextPage',
        nextSelector: 'div.nextPage a:first',
        itemSelector: '#catalogue',
        loading: {
            finishedMsg: '',
            msgText: '',
            img: '/../../../images/loading.gif',
        },
        debug: true,
        animate: true 

    }, $(function() {
        code();
    }));
    });`

Doens不工作:(如果我在代码之前设置警报()我将在页面加载时看到它,那就是它......代码的另一部分是:

    function code() {
alert('1')
    $('.teest').caroufredsel({
        direction: 'left',
        circular: true, 
        items: {
            visible: 1, 
            minimum: 2, 
        },
        scroll: {
            fx: 'fade', 
            easing: 'easeOutCubic', 
            duration: 200, 
        },
        auto: {
            duration: 1600
        },
        width: 208,
        height: 265,
        prev: {
            button: '.prev'
        },
        next: {
            button: '.next'
        } 
    });
}

所有我看到如果运行那两个代码是警报1,caroufredsel工作在第一页,如果我向下滚动到秒页没有任何反应,它只是加载

2 个答案:

答案 0 :(得分:0)

请试试这个: -

$(function() {

    $('#catview').infinitescroll({
        dataType: 'html',
        navSelector: 'div.nextPage',
        nextSelector: 'div.nextPage a:first',
        itemSelector: '#catalogue',
        loading: {
            finishedMsg: '',
            msgText: '',
            img: '/../../../images/loading.gif',
        },
        debug: true,
        animate: true 
    },
    function(arrayOfNewElems)
    {
         code();
    });
});

根据Infinite Scroll Jquery documentation回拨功能更改您的代码

 $(function() {
    code();
 }));

function(arrayOfNewElems){
 //here your collaback function
});

答案 1 :(得分:0)

结果是$(函数...从javascript引擎被强制为 object ,无限滚动无法回调对象。从函数中删除所有$解决所有问题