jquery - 使用 jQuery 连续遍历数组

Question

我需要不断地从数组中淡入淡出项目，我目前正在这样做：

var rotateHint = function() {
var hints = ['fe','fi','fo','fum'];
var hint;
var p = (function() {
    if (!hint || !hint.length) hint = hints.slice();
         return hint.splice(Math.random() * hint.length | 0, 1);
}())
$('#hint').text(p) //THE ERROR IS HERE...
          .fadeIn()
          .delay(1000)
          .fadeOut(200,function(){ 
            rotateHint();
            })
};

但是，似乎 .text(p) 不起作用，但是如果我用 alert(p) 查看 p ，则输出是正确的。

Answer 1

它似乎只适用于 jQuery 1.7 以前的版本会引发错误

但是在数组上做一个 text() 有点奇怪，不是吗？

Answer 2

看看这个小提琴。似乎它已经在工作了。

对于一些附加值，我优化了您的 JavaScript 代码。

HTML

<div id="hint"></div>​

JavaScript

(function() {
    var hints = ['fe', 'fi', 'fo', 'fum']
      , p;

    (function rotateHint() {
        p = hints[Math.round(Math.random() * hints.length)];

        $('#hint').text(p).fadeIn().delay(1000).fadeOut(200, rotateHint);
    }());

}());​

适用于 Safari 6、FireFox 14 和 Chrome 21 Beta