這是一個用.html.erb
編寫的簡單循環。IE呈現兩次Rails循環 - 所有其他瀏覽器呈現一次
對於每個portfolio_item
,我們在3列網格中創建一個框。請注意,<div class="portfolioOptions">
已隱藏,但出現onmouseover
,涵蓋<span id="title">
。
在IE 7,8和9中,對於每個@portfolio_item
,我得到一個功能框,然後是第二個空框!。即使IE的HTML源只顯示一個框。
<div class="gridRow">
<% @portfolio_items.each do |item| %>
<%= link_to params.except(:controller,:action).merge(:controller=>"portfolio_items", :action=>"show", :id=>item.id) do %>
<div class="boxHalf portfolioBox" id="<%= item.id %>">
<div class="portfolioItem">
<% if item.url.present? && item.url_type == "vid" %>
<%= item.vid_thumb.html_safe %>
<% else %>
<%= image_tag item.item.url(:medium) %>
<% end %>
<div class="text" title="<%= item.title %>">
<span id="title_<%= item.id %>"><%= item.title %></span>
<div class="portfolioOptions" id="option_<%= item.id %>">
<%= link_to 'Show', item, :class=>"blueButton" %>
<%= link_to 'Edit', edit_portfolio_item_path(item, :source=>"index"), :class=>"blueButton" %>
<%= link_to 'Delete', item, :confirm => 'Are you sure?', :method => :delete, :class=>"blueButton" %>
</div>
</div>
</div>
</div>
<% end %>
<% end %>
</div>
相對較小的附加問題 - portfolioOptions
鼠標懸停不能在IE顯示,但我會離開,作爲一個下屬兩廂問題。
您可以嘗試將示例最小化,以便更容易重現和理解? – 2011-05-09 06:31:56