Rails jQuery UI显示（'；blind'；1000）工作不正常

我正在编写《使用rails 4进行敏捷web开发》一书中的RubyonRails指南。 有一项任务需要jQueryUI方法显示盲效果。这里的问题是，我的购物车将按预期显示，但效果将无法正常工作。当我在购物车中添加一些东西时，目标div最终会出现，但会以一种奇怪的方式出现：首先会在其位置弹出一些空白区域，1秒后，整个div及其“内容”将出现

我试图在同一个div上使用hide（'blind'，1000），但我得到的唯一东西是div立即消失

jquery ui rails gem已安装

/=require jquery.ui.effect blind

在application.js中设置

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

---

也许有人知道如何解决这个问题？

表格行不支持动画。查看此答案了解更多详细信息：

我找到了一个修复方案，您需要做的是移动一些css

就说

form, div{
    display: inline;
}

在application.css.scss文件中的购物车定义下

我用“show”而不是“blind”找到了一个解决方案。我将

.lenght>-1设置为
，因为添加第一个产品后，它没有正确显示

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

很难说没有看到任何行动。你可以发布一个JSBin来说明这个问题吗？你可以看到它是如何工作的，只需添加一些产品，或者删除所有产品。谢谢你的参考，现在我知道问题出在哪里了。