Rails jQuery UI展示（'blind'，1000）不能正常工作

Question

我正在從Ruby on Rails指南從Rails 4開發敏捷web開發。 jQueryUI方法show有一項任務盲目效果。這裏的問題是我的購物車會按預期顯示，但效果將無法正常工作。當我將任何東西添加到我的購物車中時，最終目標div將會出現，但是會以一種奇怪的方式出現：首先會出現一些空的空間，1秒後將顯示整個div的內容。

我試圖在同一個div上使用hide（'blind'，1000），但是我得到的唯一東西是，div即刻消失。

jquery-ui-rails gem is installed

//= require jquery.ui.effect-blind中的application.js

if ($('#cart tr').length == 1) { $('#cart').show('blind', 1000); } 

也許有些人知道如何解決這個問題的設置？

Answer 1

表格行不支持動畫。看到這個答案的更多細節：https://stackoverflow.com/a/920480/631187

Answer 2

我找到了一個修復程序，你需要做的是移動一些CSS。

只放，

form, div{ 
    display: inline; 
} 

在application.css.scss文件中定義的車下。

Answer 3

我找到了一個使用「show」而不是「blind」的解決方案。我設置了.lenght > -1，因爲在添加第一個產品後它沒有正確顯示。

if ($('#cart tr').length > -1){ 
    $('#cart').show('show', 0); 
}