.ready 在真实网站中不起作用，但在 jsFiddle 中起作用

Question

我正在开发一个网站，我使用这个翻板：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”时让翻转板翻转。

希望有人能帮忙。

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;
},