javascript - 重新定义点击选择器 jQuery

Question

我试图让 jQuery 在选择器中的值传递后更新它们。我的意思是这样的。

我像这样传递选择器。

var items = ['.item-1','.item-2'...];
$(items[1]).click(function(){....});

然后在函数末尾我更改项目数组的顺序。

var items = ['.item-1','.item-2'...];
$(items[1]).click(function(){
    // ... function
    items = ['.item-3', '.item-1' ...];
});

现在的问题是该函数绑定(bind)到初始项[1]，所以我对数组的更改并不重要。我很确定应该有一个不太复杂的解决方案，所以你能指出我正确的方向吗？

Answer 1

你可以one方法与递归模式相结合

var items = ['.item-1','.item-2','.item-3'];
$(items[1]).one('click', clickHandler);

function clickHandler() {
    items = //re-sort items;
    $(items[1]).one('click', clickHandler);
}

请考虑到数组索引是从零开始的，因此您在执行 items[1] 时使用的是第二个项目，而不是第一个项目。