直接參照鏈接 section-11.4 來做
　　在app/views/line_items/create.js.erb 中使用jQuery語句來產生漸變顯示。

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

?? ?可以使用JavaScript lint? 在線檢查JavaScript的語法對不對。
?? ?注意此時的語法是jQuery的語法，而書上的create.js.rjs是在服務器端進行處理之后才生成JavaScript語句的，所以可以使用成員變量 @cart.total_items。而我們使用jQuery而不是Prototype/Rjs時，只能利用客戶端的Javascript語句來判斷是否需要漸變顯示。當 id為cart的tag中tr只有一個時，@cart.line_items.empty？==true的時候，這個時候cart里面只有一個tr，用來顯示總價的。
? ??? 在 app/views/layouts/application.html.erb中

<%= hidden_div_if(@cart.line_items.empty?, id: 'cart') do %> <%= render @cart %><% end %>

?? ???? hidden_div_if 是定義在app/helpers/application_helper.rb中的函數，它產生一個id為cart的div，如果@cart.line_items.empty成立，這個div的display屬性為none，即不顯示這個div。這樣整體效果是當@cart.line_items.empty時，cart是隱藏了的，此時單擊Add to cart，客戶端收到服務器端的javascript代碼（create.js.erb ），由于滿足$('#cart tr').length == 1,所以cart會進行漸變顯示，同時會執行$('#cart').html('<%= escape_javascript(render(@cart)) %>');來更新cart。

回到本系列的目錄

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的[AWDwR4] Iteration F4的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。