如何调整此链接中的翻转javascript https://desandro.github.io/3dtransforms/docs/card-flip.html以便它将翻转到第三个内容或不会引用翻转到第一个内容
var init = function() { var card = document.getElementById('card'); document.getElementById('flip').addEventListener( 'click', function(){ card.toggleClassName('flipped'); }, false); }; window.addEventListener('DOMContentLoaded', init, false);
每个元素的内容应单独存储在HTML中,并在需要时检索。
- 1
- 2
- 3
- 4
答案复制和编辑
如果我正确理解您的问题,您只希望点击事件发生一次。 如果是这种情况,并且您可以使用jQuery,那么jQuery的“one”函数应该是您正在寻找的。
$( "#flip" ).one( "click", function() { card.toggleClassName('flipped'); });
以上就是jQuery教程分享如何使下面的代码无限翻转?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/561905.html