当前位置: 代码迷 >> HTML/CSS >> 循环内的position定位,该怎么解决
  详细解决方案

循环内的position定位,该怎么解决

热度:179   发布时间:2013-03-27 11:22:42.0
循环内的position定位
本帖最后由 wangruixi 于 2013-03-16 17:04:34 编辑
本人碰到了这样一个问题,我想实现下面页面介绍的方法。在单个商品的详细页,这个功能实现很好。
http://hi.baidu.com/gyfcw/item/5193c2f357586c1f84d278d9

但问题来了。在分类商品列表页面,多个商品通过循环列表方式显示出来;每个商品显示的位置都包含了一个“加入购物车”按钮。我的目的是希望通过点击任何一个商品的“加入购物车”按钮,在相应位置弹出一个确认窗口。但不管我添加列表哪个商品,弹出窗口都出现在第一个商品的位置,也就是说似乎所有弹出窗都以第一个商品最为父元素了。

请指点,多谢了!

<!--{foreach from=$goods_list item=goods}-->
...
                     <li style="position:relative;" id="gwc"> //弹出窗包含position:absolute属性
            <a href="javascript:addToCart({$goods.goods_id})"><img src="images/gmred.gif" alt="{$lang.btn_buy}"  style="margin:4px auto;"/></a>

                     </li>
...
<!--{/foreach}--> 

------解决方案--------------------
得看你这个addToCart函数怎么实现弹出窗口的。
------解决方案--------------------
弹出层总是绑定到id为gwc 的容器里了,如果一个页面里出现多个同id的容器你觉得浏览器如何区分呢。所以我觉得应该在js加入参数来区别各个容器。
  相关解决方案