HTML5(Bootstrap）通过函数调用运行动画

HTML 5 (Bootstrap) run animation by function call

本文关键字：函数调用 运行 动画 Bootstrap HTML5      更新时间：2023-09-26

我有引导面板小部件动画，我想通过javascript函数调用动画

<div id="mywidget" class="xe-widget xe-counter xe-counter-purple" data-count=".num" data-from="1" data-to="2101" data-suffix=" Word" data-duration="3" data-easing="false"

我试过使用这个功能，但仍然无法使用

function callagaintheanimation() {
            $("#mywidget").attr( "data-count",".num" );
            $("#mywidget").attr( "data-from","0" );
            $("#mywidget").attr( "data-to","2101" );
            $("#mywidget").attr( "data-suffix"," Word" );
            $("#mywidget").attr( "data-duration","2" );
            $("#mywidget").attr( "class","xe-widget xe-counter xe-counter-purple" );        
    };

我找到了答案。。。我需要重新初始化小部件。。。

带有呼叫

setupWidgets();

功能内部是：

var setupWidgets = function()
    {       
        // Count Anything
        $("[data-from][data-to]").each(function(i, el)
...
相关文章：