jquery - .ready は実際の Web サイトでは機能しませんが、jsFiddle では機能します

Question

私はウェブサイトに取り組んでおり、このフリップボードを使用しています: http://jsfiddle.net/9yyVd/1490/。

クリックで動作させる代わりに、元々のコーディング方法で、クリックを .ready に変更しました。しかし、それはウェブページでは機能しません。1 つの 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;
        });

フィドルでは問題なく動作しますが、Web サイトに実装すると動作しなくなります。ここでソースコードを見ることができます: http://www.babyq.be

したがって、目標は、ページが読み込まれたとき、または「box5」が選択されたときにフリップボードを反転させることです。

誰かが助けてくれることを願っています。

Answer 1

Web サイトにエラーがあり、Query アプリの実行が停止する可能性があるようです。