1

这是一个非常简单的问题/问题，我可以轻松解决它，但由于我正在学习 javascript，我非常渴望知道为什么会发生这个特定问题。

$("#go").click(function() {
    $("p").append(array[x] + " ")
    functionlist[array[x]]()
    x++
})​

这不像我期望的那样工作。我希望它写入数组的当前内容，执行与某个函数名称相关联的简单动画，然后递增 x。一切正常，除了它不增加 x。

如果我这样做：

$("#go").click(function() {
    $("p").append(array[x] + " ")
    //functionlist[array[x]]()
    x++
})​

x 成功递增。

所以我的问题是，为什么会发生这种情况？

这是我正在使用的 jsfiddle 的链接：http: //jsfiddle.net/mxy6N/3/

4

1 回答 1

5

好吧，如果你检查你的脚本控制台（F12 是大多数浏览器），你会看到functionlist[array[x]]()抛出一个类似的错误：

对象没有方法“接吻”

这是因为array[x]等于“smooch”，并且functionlist["smooch"]是未定义的，所以它在进入你的x++.

这段代码中发生的其他事情：

  • x 在函数内部声明，因此在使用时它始终为 0。
  • 即使它是在你的函数之外声明的，当你增加它时，它也会用完在你的数组中查看的项目。您需要在这里使用一个或两个模运算符。
  • 您没有引用具有 $.fn.transition 定义的 .js 文件，因此您的转换调用也会出错。
  • flip并且flop两者都具有相同的rotateY值，所以一旦它“翻转”它就不会“翻转”

这可能会做你想做的事情：http: //jsfiddle.net/g5mJd/3/

和更新的代码：

var array = ["smooch", "jab", "flip"];
var move = "flip";
var x = 0;
var functionlist = {
    flip: function() {
        $("#block").transition({
            perspective: '0px',
            rotateY: '180deg'
        }, 1000);
    },
    flop: function() {
        $("#block").transition({
            perspective: '0px',
            rotateY: '0deg'
        }, 100);
    }
};


$("#go").click(function() {
    var functionName = (x % 2 == 0) ? 'flip' : 'flop';
    var fn = functionlist[functionName];
    if($.isFunction(fn)) {
        fn();
    }
    var say = array[x % array.length];
    $('p').append(say + ' ');
    x++;
})​;

编辑：用$.isFunction()检查更新。

于 2012-11-27T01:27:16.357 回答