javascript - 应用于数组元素的函数未触发

Question

我整个下午都被这个问题难住了；我正在尝试将 Google 的快速按钮教程应用到导航上的“后退”按钮:https://developers.google.com/mobile/articles/fast_buttons 。每个部分都有一个后退按钮，因为它的构建方式如下:

<ul class="menu">
    <li class="category">
        <a class="back"></a>
            <li class="product">
    </li>
    <li class="category">
    etc...

菜单通过 CSS3 过渡滑入和滑出。这就是让我抓狂的原因；我存储所有后退按钮，然后将它们发送到一个数组，并调用 FastButton 函数迭代每个按钮。

var back = document.getElementsByClassName('back');

back = Array.prototype.slice.call(back);

for (var i = 0; i < back.length; i++) {
            new FastButton(back[i], function(){
                $(back[i]).trigger('click');
            });
        }

('li.back').click(function(){
    doStuff();
});

点击 fn 永远不会触发；我可以看到应用和删除的点击高亮，如果我放入警报，每个按钮都会触发它。奇怪的部分？调用数组的特定索引可以正常工作:

new FastButton(back[0], function(){
            $(back[0]).trigger('click');
        });

为了可维护性，我宁愿不这样做，这样导航就可以放心地修改。非常感谢任何见解 - 我想我已经盯着一个错误太久了并且错过了一些简单的东西。

Answer 1

您似乎是关闭问题的受害者。当您使用 jQuery 时，也许只需重写您的循环:

$.each(back,function(i,item){
    new FastButton(item, function(){
        $(item).trigger('click');
    });
});