Rails jQuery UI show('blind', 1000) 无法正常工作答案

【问题标题】：Rails jQuery UI show('blind', 1000) is not working properlyRails jQuery UI show('blind', 1000) 无法正常工作
【发布时间】：2013-09-26 20:50:16
【问题描述】：

我正在研究《Agile Web development with Rails 4》一书中的 Ruby on rails 指南。 jQueryUI 方法显示有一个任务，具有盲目效果。这里的问题是我的购物车会按预期出现，但效果无法正常工作。每当我将一些东西添加到我的购物车时，目标 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); }

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

【问题讨论】：

很难说没有看到任何实际行动。您有机会发布说明问题的 JSBin 吗？
您可以看到它是如何工作的here 只需添加一些产品，或者将它们全部删除

标签： jquery ruby-on-rails jquery-ui ruby-on-rails-4

【解决方案1】：

表格行不支持动画。有关详细信息，请参阅此答案：https://stackoverflow.com/a/920480/631187

【讨论】：

谢谢你的参考，现在我知道问题出在哪里了。

【解决方案2】：

我找到了一个使用“show”而不是“blind”的解决方案。我设置了.lenght > -1，因为添加第一个产品后它没有正确显示。

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

【讨论】：

【解决方案3】：

我找到了解决办法，你需要做的是移动一些 css。

简单地说，

form, div{
    display: inline;
}

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

【讨论】：