angularjs,maximage 2和循环插件

时间:2013-07-19 13:14:19

标签: javascript jquery angularjs

我编写了以下指令,允许我使用带角度的maximgae插件:

directives.directive('maximage', [
function() {
    return {
        link: function(scope, element, attr) {
            scope.$on('LastElem', function(event) {
                setTimeout(function() {
                    scope.$apply(function() {
                        $(element).maximage({,
                            cycleOptions: {
                                fx: 'fade',
                                speed: 800,
                                timeout: 4000,
                                end: function() {
                                    alert('The slideshow has ended.');
                                }
                            }
                        });
                    });
                });

            });
        }
    }
}
]);

问题是当幻灯片结束时不执行结束回调函数。

当我尝试在角度范围之外定义循环选项时,会出现此问题:

$.fn.cycle.defaults

加载其他选项(如超时)没有问题。

2 个答案:

答案 0 :(得分:0)

已解决:如文档中提到的nowrap或autostop选项需要触发'end'回调。

答案 1 :(得分:0)

我得到了两个定义但仍然没有被称为'结束'; S

    $('#idol-boxes').cycle({
        timeout: 0,
        autostop: true,
        nowrap: true,
        next: '#idol-boxes',
        speed: 'fast',
        end: function () {
            alert('The slideshow has ended.');
        }
    });