2

我正在研究《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); }

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

4

3 回答 3

3

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

于 2013-10-01T03:55:20.393 回答
0

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

if ($('#cart tr').length > -1){
  $('#cart').show('show', 0);
}
于 2014-04-11T01:36:22.967 回答
-1

我找到了一个解决方法，你需要做的是移动一些 CSS。

只是说， 

form, div{
    display: inline;
}

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

于 2014-03-26T15:00:10.807 回答