鼠标滚轮多实例冲突

Question

实际上，我正在使用svg.js库编写一个svg画廊插件。我正面临着一个我无法解决的问题...我需要创建相同图库的一些实例，它们都绑定到鼠标滚轮事件，除了这个事件鼠标滚轮之外，一切都很好。该操作仅在其中一个呈现的svg中播放，但它采用当前svg的值。似乎鼠标滚轮事件只绑定到一个SVG元素...我做了一个jsfiddle，试图隔离到令人讨厌的部分。

http://jsfiddle.net/dredtrake/SDSk6/1/

console.log(this);

在函数/方法内部，也会返回给我一个好的实例。

感谢您对我的问题的关注。

安德烈。

:)

Answer 1

似乎images数组原型引用了一个全局变量(也许是document.images?)当你推他们的时候。当第二个数组被poplated时，它覆盖了第一个图像。

所以我把图像的声明放在constructor中，它就能工作了。

var SvgTests = function (params){
    var defaults = {
                _item : 'canvas',
                _duration : 650
            };

    this.images = [];
    this.options = JQUERY.extend({}, defaults, params);
};

注意:你应该在你的constructor中声明你的变量，而不是为每个变量创建一个原型。

best approach to member variables in object-oriented javascript?

Bonne chance！:)