函数在第一次单击时未正确触发

Question

我有一个制作两个按钮的函数。一个按钮将自动向下滚动，另一个按钮将自动向上滚动。

它遍历一个数组，并在每次点击时更改按钮。

我的问题是，我必须点击按钮两次才能让它工作，然后它根本不会被解雇。

这里有没有我看不到的逻辑错误？

我希望它的箭头表现得像twitter bootstrap image carousal一样。我想单击箭头，让它们将我带到下一节或上一节。

这是一个截图的页面和箭头，我试图改变IMG删除

已删除URL

对不起，我删除了img和url，但由于这个网站还没有上线，它不应该被那样查看。不过，我当时很为难。

我解决了这个问题。如果你有类似的评论，请阅读评论。谢谢大家！

$(function () {
    var leftArrow = $('#left-arrow')
    var rightArrow = $('#right-arrow')




    rightArrow.bind("tap", rightTapHandler)
    function rightTapHandler(event){
        if (ai == 0) {
            alert('0' + event)
            ai = 1
            controllerContainer.innerHTML = linkArrayForwards[ai] + '<div id="right-arrow" class="arrow"></div></a>' + linkArrayForwards[0] + '<div id="left-arrow" class="arrow"></div></a>';
            return 
        } else if (ai > 0) {
            alert(ai)
            ai++
            controllerContainer.innerHTML = linkArrayForwards[ai] + '<div id="right-arrow" class="arrow"></div></a>' + linkArrayForwards[ai - 1] + '<div id="left-arrow" class="arrow"></div></a>';
            return                    
        } else if (ai >= linkArrayBackswards.length) {
            ai = linkArrayBackswards.length;
            controllerContainer.innerHTML = linkArrayForwards[ai] + '<div id="right-arrow" class="arrow"></div></a>' + linkArrayForwards[ai - 1] + '<div id="left-arrow" class="arrow"></div></a>';
            return 
        }  else {
            alert('nothin')
            return false
        }


    };
    leftArrow.bind("tap", leftTapHandler)
    function leftTapHandler(event) {
        if (ai == 0) {
            alert('0' + event)
            ai = 1
            controllerContainer.innerHTML = linkArrayBackswards[ai] + '<div id="right-arrow" class="arrow"></div></a>' + linkArrayBackswards[0] + '<div id="left-arrow" class="arrow"></div></a>';
            return 
        } else if (ai > 0) {
            alert(ai)
            ai--
            controllerContainer.innerHTML = linkArrayBackswards[ai] + '<div id="right-arrow" class="arrow"></div></a>' + linkArrayBackswards[ai - 1] + '<div id="left-arrow" class="arrow"></div></a>';
            return 
        } else if (ai >= linkArrayBackswards.length) {
            ai = linkArrayBackswards.length;
            controllerContainer.innerHTML = linkArrayBackswards[ai] + '<div id="right-arrow" class="arrow"></div></a>' + linkArrayBackswards[ai - 1] + '<div id="left-arrow" class="arrow"></div></a>';
            return 
        } else {
            return false
        }

    };
})

Answer 1

根据我在您网站上的通知，第一次单击两个箭头中的任何一个时，它都会提示"0option Option“。

    if (ai == 0) {
        alert('0' + event)
        ai = 1

"ai == 0“必须为真..据我所知，这是唯一一个带有"0“的警报，也是它弹出该警报的唯一原因。

除此之外，一旦你点击了警报上的OK，箭头看起来对我来说工作得很好。

编辑

您确定要在"if (ai == 0)“检查之前声明ai吗？如果不是这样，请删除警告，使代码看起来像这样(对于两个箭头)：

    if (ai == 0) {
        ai = 1