jQuery技术:如何使下面的代码无限翻转?

如何调整此链接中的翻转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

      (0)
      上一篇 2021年2月5日
      下一篇 2021年2月5日

      精彩推荐