javascript - Snap.js:使用 jQuery 而不是普通 JS 初始化？

Question

如何使用 jQuery 而不是普通 JS 来初始化 Snap.js？

http://jsfiddle.net/frank_o/5X4K9/11/

JavaScript:

var snapper = new Snap({
    element: document.getElementById('content')
});

var addEvent = function addEvent(element, eventName, func) {
    if (element.addEventListener) {
        return element.addEventListener(eventName, func, false);
    } else if (element.attachEvent) {
        return element.attachEvent("on" + eventName, func);
    }
};

addEvent(document.getElementById('open-panel'), 'click', function () {
    snapper.open('left');
});

jQuery(不起作用):

var snapper = new Snap($("#content")[0]);

$("#open-panel").click(function () {
    snapper.open('left');
});

Answer 1

您需要使用纯 JavaScript 和 jQuery 将相同的参数传递给 Snap 构造函数。在 jQuery 下，尝试以下操作来代替当前的构造函数调用:

var snapper = new Snap({
    element: $("#content")[0]
});