需要帮助在函数中调用scrollspy refresh

时间:2013-09-26 10:04:05

标签: javascript jquery twitter-bootstrap

bootstrap scroll spy docs说:

  

当将scrollspy与从DOM中添加或删除元素结合使用时,您需要调用刷新方法,如下所示:

$('[data-spy="scroll"]').each(function () {
 var $spy = $(this).scrollspy('refresh')
 })

我想在这里实现这个(http://mixitup.io/#Documentation):

$('#Grid').mixitup({
targetSelector: '.mix',
onMixLoad: null,
onMixStart: null,
onMixEnd: null
});

怎么做?


abhidev的答案正是所需要的,这是我的问题不完整。

所有有同样问题的人,这里是解决方案(刚刚将'this'替换为'body':

$('#grid').mixitup({
onMixEnd: function(){
    console.log('Mixit end called');
    $('[data-spy="scroll"]').each(function () {
        var $spy = $('body').scrollspy('refresh')
    });
    console.log
}
});

1 个答案:

答案 0 :(得分:1)

你可以尝试在mixit的onMixEnd cllback上调用scrollspy(refresh)。

$('#Grid').mixitup({
    targetSelector: '.mix',
    onMixLoad: null,
    onMixStart: null,
    onMixEnd: function(){
        console.log('Mixit end called');
        $('[data-spy="scroll"]').each(function () {
            var $spy = $(this).scrollspy('refresh')
        });
        console.log
    }
});