页面加载时的语义 UI 转换

Question

我正在使用语义 ui。我希望在浏览器中加载页面时发生转换。我现在能做的就是悬停在过渡上。可以吗？

$(document).ready(function(){
  $('#animate').hover(function(){
        $(this).transition({
    debug     : true,
    animation : 'jiggle',
    duration  : 500,
    interval  : 200
  });
    }, function(){});

});

<h1 class="ui header" id="animate">
   <div class="content">
      Hello
      <div class="sub header">hello.</div>
   </div>
</h1>

Answer 1

您可以在文档就绪功能上向 DOM 元素添加过渡。

$(document).ready(function(){
    $('#animate').transition({
        debug     : true,
        animation : 'jiggle',
        duration  : 500,
        interval  : 200
    });
});

这是FIDDLE

页面加载时的语义 UI 转换

Semantic UI transitions on page load

javascript

semantic-ui