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

循环内的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="循环内的position定位,该怎么解决"  style="margin:4px auto;"/></a>

                     </li>
...
<!--{/foreach}--> 
[解决办法]
得看你这个addToCart函数怎么实现弹出窗口的。
[解决办法]
弹出层总是绑定到id为gwc 的容器里了，如果一个页面里出现多个同id的容器你觉得浏览器如何区分呢。所以我觉得应该在js加入参数来区别各个容器。