我在一个网站上工作,我使用这个翻板: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”时让翻转板翻转。
我希望有人能帮帮忙。