<!-- START_HIGHLIGHT -->
<% if line_item == @current_item %>
<tr id="current_item">
<% else %>
<tr>
<% end %>
<!-- END_HIGHLIGHT -->
<td><%= line_item.quantity %>×</td>
<td><%= line_item.product.title %></td>
<td class="item_price"><%= number_to_currency(line_item.total_price) %></td>
</tr>
最近正在学 agile web development with rails 4th,里面有用 jquery 的下面这个效果 $('#current_item').css({'background-color':'#88ff88'}).animate({'background-color':'#114411'}, 1000); 当我在页面中添加了一个商品,css 的渐显效果也出来了,但是我在网页的原代码里找不到 id 为 current_item 的 tr,为啥?
<% if line_item == @current_item %>
<% else %> <% end %> <%= line_item.quantity %>× <%= line_item.product.title %> <%= number_to_currency(line_item.total_price) %> 这段代码是定义在_line_item.html.erb 模板文件中的。我在 console 里面打 $('#current_item') 可以找到那个 item,但是我在网页源代码里找不到 current_item 这个 id.我就是对这个不大明白。#7 楼 @jiwoorico 如果你在 console 里看到了那个 item,那么它的 ID 一定在网页源码里。道理很简单,jQuery 一定是在 DOM ready 之后才开始工作的,DOM ready 了,那么该 ID 一定会被浏览器捕捉并解析到,所以你的网页源码里一定会有。
答案就是:要么你没仔细找(源码里可以 search),要么你找错了地方(你在哪里看网页源码的?),要么你的浏览器有问题……
#8 楼 @jiwoorico 你在生成的网页的源代码里找不到
? 用 ctrl+f 找试试 真找不到就把那个例子在 agile 的地方说下 或者截个图或者,你试一下打开 开发者工具
在 元素
或 源码
里面找一下,顺便在右下角的设置里选择 在开启开发者工具的时候禁用缓存
,然后保持 开发者工具
打开的情况下刷新网页再看看有没有。
#15 楼 @ChanceDoor 其实就是最新加入购物车的那个。现在问题是我能在开发者工具的 element 看到 id 为 current_item 的 tr,但是右击查看网页源代码里找不到 current_item 这个 tr.不知道为什么?