WordPress jQuery 淡入、淡出不起作用

Question

当我将静态 HTML 转移到 WP 主题时，我的淡入效果在画廊的导航按钮上停止工作。它们不再淡入/淡出，而是立即弹出。

这里的代码：

jQuery(document).ready(function($) {
  $("#showcase-nav").hide();
  $("#showcase").hover(function() {
    $("#showcase-nav").fadeIn("slow");
  }, function() {
    $("#showcase-nav").delay(800).fadeOut("slow");
  }
);

html:

        <div id="showcase-wrapper">
            <div id="showcase">
                <div id="showcase-items">
                    <a href="/portfolio/" title="Simona & Sebi - Wedding invitation design" class="active"><img src="/media/selected-simona-sebi.png" alt="Selected work - Simona & Sebi - Wedding invitation design" /></a>
                    <a href="/portfolio/" title="TEMISZ anniversary kit - Visual identity"><img src="/media/selected-temisz-anniversary-kit.png" alt="Selected work - TEMISZ anniversary kit - Visual identity" /></a>
                    <a href="/portfolio/" title="STMF - Visual identity"><img src="/media/selected-stmf-visual-identity.png" alt="Selected work - STMF - Visual identity" /></a>
                    <a href="/portfolio/" title="TEMISZ - Website design and development"><img src="/media/selected-temisz-website.png" alt="Selected work - TEMISZ - Website design and development" /></a>
                </div>
                <div id="showcase-nav">
                    <a href="#" class="goleft">Previous</a>
                    <a href="#" class="goright">Next</a>
                </div>
            </div>
        </div> <!-- END #showcase -->

PS: 我使用的是 noConflict