Question

我尝试按照here中的说明应用转场，但有些卡无法进行第二次转换/动画。是CSS，语义UI还是我？您可以尝试在测试中添加更多卡片。

编辑：

正如@niba要求的那样，我做了一个jsfiddle来展示它是什么发生。看看我从卡片＆＃34; Card 0＆＃34;到＆＃34;卡7＆＃34;。跑几次，你可能会看到一些人失踪。

以下是代码：

＆＃13;

$(document)
.ready(function() {
  $('.card')
    .transition('fade')
    .transition('fade', function() {
      console.log('finished');
  });

＆＃13;

<div class="ui cards">
  <div class="green card">
    <div class="image">
      <img src="img/1.jpg">
    </div>
    <div class="content">
      <a class="header">Header</a>
      <div class="meta">
        <div class="ui small star rating"></div>
      </div>
      <div class="description">Description</div>
    </div>
  </div>
  
  <div class="green card">
    <div class="image">
      <img src="img/2.jpg">
    </div>
    <div class="content">
      <a class="header">Header</a>
      <div class="meta">
        <div class="ui small star rating"></div>
      </div>
      <div class="description">Description</div>
    </div>
  </div>
  
  <div class="green card">
    <div class="image">
      <img src="img/3.jpg">
    </div>
    <div class="content">
      <a class="header">Header</a>
      <div class="meta">
        <div class="ui small star rating"></div>
      </div>
      <div class="description">Description</div>
    </div>
  </div>
</div>

＆＃13;

语义UI卡上的单个转换失败

0 个答案: