我将如何进行(最好不在背后的代码中)在第三项中添加一个明确的内容。这是有问题的代码......
<asp:ListView ID="lvproducts" runat="server" DataSourceID="entyproducts">
<ItemTemplate>
<div class="s_item grid_3"> <a class="s_thumb" href="product.html"><img
src="images/product_180x180.jpg" title="Samsung SyncMaster 941BW" alt="Samsung
SyncMaster 941BW" /></a>
<h3><a href="products.aspx"><%# Eval("title") %> </a></h3>
<p class="s_model"><%# Eval("model") %> </p>
$ <%# Eval("salesprice") %>
<p class="s_rating s_rating_5"><span style="width: 60%;" class="s_percent">
</span></p>
<a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span
class="s_icon"></span>Add to Cart</span></a>
</div>
</ItemTemplate>
</asp:ListView>
在原始标记中,设计者在列表中的每三个项目之后都有<div class="clear"></div>
。我该怎么做(最好不在背后的代码中)?他们是一个模板我可以把它放进去(我认为应该有)?
答案 0 :(得分:4)
试试这个,
<asp:ListView ID="lvproducts" runat="server" DataSourceID="entyproducts">
<ItemTemplate>
<div class="s_item grid_3">
<a class="s_thumb" href="product.html">
<img src="images/product_180x180.jpg" title="Samsung SyncMaster 941BW" alt="Samsung
SyncMaster 941BW" /></a>
<h3>
<a href="products.aspx">
<%# Eval("title") %>
</a>
</h3>
<p class="s_model">
<%# Eval("model") %>
</p>
$
<%# Eval("salesprice") %>
<p class="s_rating s_rating_5">
<span style="width: 60%;" class="s_percent"></span>
</p>
<a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span
class="s_icon"></span>Add to Cart</span></a>
</div>
<%# (Container.DataItemIndex != 0 && (Container.DataItemIndex+1) % 3 == 0) ? @"<div class='clear'></div>" : string.Empty %>
</ItemTemplate>
</asp:ListView>
答案 1 :(得分:1)
jQuery是你的朋友:)
把它放在你的页面顶部。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">
$(function(){
$("a.s_button_add_to_cart").append("<div class="clear"></div>");}
</script>
有关如何准确选择所需内容的更多信息:http://api.jquery.com/category/selectors/
如果你今天没有使用它,你会错过一个真正强大的库:)其他人都在使用它..那你为什么不呢? :P PEEEER压力! :d
http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/