新手问题 css 的问题

jiwoorico · September 10, 2013 · Last by jiwoorico replied at September 11, 2013 · 2326 hits
<!-- START_HIGHLIGHT -->
<% if line_item == @current_item %>
<tr id="current_item">
<% else %>
<tr>
<% end %>
<!-- END_HIGHLIGHT -->
  <td><%= line_item.quantity %>&times;</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

也就是说 js 代码里的效果出来了?jquery 能滤到这个 id,说明在页面里是有的啊

console 里面打一下:$(#current-item) 就知道是啥,在哪儿了。

tr 明明写着啊

#1 楼 @Martin91

<% 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.我就是对这个不大明白。

#4 楼 @nightire 我在 console 里面打 $('#current_item') 可以找到那个 item,但是我在网页源代码里找不到 current_item 这个 id。求解释?

#5 楼 @ChanceDoor 那是在在_line_item.html.erb 模板文件中定义的。

#7 楼 @jiwoorico 如果你在 console 里看到了那个 item,那么它的 ID 一定在网页源码里。道理很简单,jQuery 一定是在 DOM ready 之后才开始工作的,DOM ready 了,那么该 ID 一定会被浏览器捕捉并解析到,所以你的网页源码里一定会有。

答案就是:要么你没仔细找(源码里可以 search),要么你找错了地方(你在哪里看网页源码的?),要么你的浏览器有问题……

#9 楼 @nightire 就是右击页面,选择”查看网页源代码“啊。浏览器是 chrome 啊。我也纳闷了。

#8 楼 @jiwoorico 你在生成的网页的源代码里找不到

? 用 ctrl+f 找试试 真找不到就把那个例子在 agile 的地方说下 或者截个图

或者,你试一下打开 开发者工具元素源码 里面找一下,顺便在右下角的设置里选择 在开启开发者工具的时候禁用缓存,然后保持 开发者工具 打开的情况下刷新网页再看看有没有。

#12 楼 @nightire 开发者工具 在 元素 这里我可以看到,汗。我勾上了 在开启开发者工具的时候禁用缓存,然后再打开网页源代码,还是没有找到。汗。这到底是啥诡异?

#13 楼 @jiwoorico line_item == @current_item符合这个条件的是哪个啊?

#15 楼 @ChanceDoor 其实就是最新加入购物车的那个。现在问题是我能在开发者工具的 element 看到 id 为 current_item 的 tr,但是右击查看网页源代码里找不到 current_item 这个 tr.不知道为什么?

#16 楼 @jiwoorico $('#current_item').parent() 一直上溯试试

#17 楼 @ChanceDoor 这个是可以的,现在问题是在开发者工具里可以找到。但是在右击查看网页源代码找不到。

这头像……我有阴影的啊……

#18 楼 @jiwoorico 说明你打开的源代码不是当前这个页面的?

#20 楼 @ChanceDoor 怎么可能啊?你看我之前发的截图

You need to Sign in before reply, if you don't have an account, please Sign up first.