jquery - 悬停时的语义 UI 转换

Question

我正在尝试让语义 UI 应用程序在悬停时执行转换模块。我让他们准备好文档。

我有一把 fiddle :http://jsfiddle.net/3xkrx/33/

但我也会把我的代码放在这里。

JS

$(document)
  .ready(function() {

//this works
      $('.fade-down')
      .transition('bounce')
    ;
//this doesn't
      var self = this;
      $('.fade-down').hover( function() {
      self.transition("bounce");
      })
  })
;

HTML

    <div class="fade-down column">
      <div class="ui icon header">
        <i class="circular code link icon"></i>
        Graphic Design 
      </div>
      <p>Yada yada</p>
      <p><a class="ui red right labeled icon button" href="#">Websites<i class="right long arrow icon"></i></a></p>
    </div>

Answer 1

$(document).ready(function() {
    $('.fade-down').hover(function(){
        $(this).transition('bounce');
    }, function(){});
});