将jQuery事件应用于所有类元素？

Question

我有以下代码,允许运行iOS的用户在页面上移动一个<div>类.drag.当有一个istance时.drag,这可以正常工作,但是当有两个实例时,它无法工作.是否可以让代码找到所有的代码<div>,然后让它们可以拖动？

var drag = $(".drag")[0];
    xPos = drag.offsetWidth / 2;
    yPos = drag.offsetHeight / 2;
    drag.addEventListener("touchmove", function() {
        event.preventDefault();
        $(this).css({
        'left' : event.targetTouches[0].pageX - xPos + 'px', 
        'top' : event.targetTouches[0].pageY - yPos + 'px'
    });
});

Answer 1

使用时$(selector)[0],您将获得与选择器匹配的第一个 DOM元素..each()而是使用事件侦听器添加到与选择器匹配的所有元素:

$(".drag").each(function () {
    var drag = this;
    xPos = drag.offsetWidth / 2;
    yPos = drag.offsetHeight / 2;
    drag.addEventListener("touchmove", function() {
        event.preventDefault();
        $(this).css({
          'left' : event.targetTouches[0].pageX - xPos + 'px', 
          'top' : event.targetTouches[0].pageY - yPos + 'px'
        });
    });
});?