.ready不在真正的网站上工作，但它在jsFiddle中工作

Question

我正在网站上工作，并使用此flipboard：http://jsfiddle.net/9yyVd/1490/。

我将点击更改为.ready，而不是让它在点击时工作，它是如何最初编码的。但这在网页上不起作用。我想是因为我现在在一个jquery文档中有2个.ready无论如何，我现在不行。

现在我的代码看起来像这样：

target.ready(function(e) {
            var next = fill(texts[k].split('')),
                prev = fill(target.data('prev').split('')),
                print = prev;

            $.each(next, function(i) {
                if (next[i] == prev[i]) {
                    return;
                }
                var index = alph.indexOf( prev[i] ),
                    j = 0,
                    tid = window.setInterval(function() {
                        if ( next[i] != arr[index] ) {
                            index = index == alph.length-1 ? 0 : index + 1;
                        } else {
                            window.clearInterval(tid);
                        }
                        print[i] = alph[index];
                        render(print);
                }, options.speed)
            });
            k = k == texts.length-1 ? 0 : k + 1;
        });

它在小提琴中工作正常但是当我在网站上实现它时，它不再起作用了。您可以在此处查看源代码：http://www.babyq.be

因此，目标是在页面加载或选择“box5”时让flipboard翻转。

我希望有人可以提供帮助。

Answer 1

您的网站上看起来有错误，可能会停止查询应用的运行。

Answer 2

您正在使用jquery 1.10.1.js并且您的js文件正在使用if ($.browser.msie) 在文件http://www.babyq.be/scripts/jquery.spritely-0.6.js

中的第173行

同样$.browser已从version 1.3弃用，已从jquery 1.9

移除

阅读此http://api.jquery.com/jquery.browser/

可能导致错误。

还有一个错误来看图像你测试了吗？

新已更新我发现error您应该替换

行

$('.text').ticker();

通过

$('#text').ticker();

在此使用Id因为，

return this.each(function() {
  var k = 1,
  elems = $(this).children(),// here is problem 
  // try the above line by replacing=>  elems = $(this).find('li')
  arr = alph.split(''),
  len = 0,
  fill = function( a ) {
  while( a.length < len ) {
    a.push(' ');
  }
  return a;
},