我需要使用".each"元素jquery方法".on",但我做得不对。。有人能帮忙吗?
从SVG中获取ID并将其放入一个数组:
var svgZi10 = document.getElementById("svg"); //get the main SVG container
var svgElementZi10 = svgZi10.contentDocument; //get the inner DOM from SVG
var lock = []; //new Array
lock[0] = svgElementZi10.getElementById("lock-door-open-right-contour"); //get the inner element by id
lock[1] = svgElementZi10.getElementById("lock-door-open-left-contour"); //get the inner element by id
lock[2] = svgElementZi10.getElementById("lock-door-closed-right-contour"); //get the inner element by id
lock[3] = svgElementZi10.getElementById("lock-door-closed-left-contour"); //get the inner element by id
使用数组中的对象进行操作(不起作用):
$.each(lock, function(i,element) {
$(element).on("mousedown",function(){tab12[0].click() })
});
每个对象何时单独(工作):
var lock1 = svgElementZi10.getElementById("lock-door-open-right-contour"); //get the inner element by id
var lock2 = svgElementZi10.getElementById("lock-door-open-left-contour"); //get the inner element by id
lock1.addEventListener("mousedown",function(){tab7[0].click()});
lock2.addEventListener("mousedown",function(){tab7[0].click()});
您应该在当前元素上调用.on()
,而不是数组:
$.each(lock, function(i,element) {
$(element).on("mousedown",function(){tab12[0].click() })
});
如果lock
是DOM元素的数组,则不需要.each
。当您给jQuery()
一个元素数组时,它将创建一个封装它们的jQuery对象。所以你可以写:
$(lock).on("mousedown", function() {
tab12[0].click();
});
在jQuery集合上使用绑定函数时,它会绑定集合中的所有元素。