位置のloop_html/css_WEB-ITnose内での配置

この投稿の最終編集者は wangruixi 2013-03-16 17:04:34

このような問題に遭遇したので、次のページで紹介されている方法を実装したいと思います。単一の製品の詳細ページでは、この機能は非常にうまく実装されています。
http://hi.baidu.com/gyfcw/item/5193c2f357586c1f84d278d9

しかし、ここで問題が発生します。分類された製品リスト ページでは、複数の製品が円形のリストで表示され、各製品表示には [カートに追加] ボタンが含まれています。私の目的は、任意の製品の「カートに追加」ボタンをクリックして、対応する場所に確認ウィンドウをポップアップ表示することです。しかし、どの製品をリストに追加しても、ポップアップ ウィンドウは最初の製品の位置に表示されます。これは、すべてのポップアップ ウィンドウが最初の製品を親要素として持っているように見えることを意味します。

アドバイスをお願いします、ありがとうございます！
＆lt; - {$ goods_list item = goods} - ＆gt;知る？ ? ?

それは、addToCart 関数がポップアップ ウィンドウをどのように実装するかによって異なります。

弹出窗口的实现代码如下，我是参考这个链接实现的。在单个商品详细页只显示一个商品信息的时候弹出窗口的定位没问题。但是在分类商品的列表页当列出多个商品“加入购物篮”时（PHP代码是通过foreach循环实现），弹出窗口总是定位到了第一个商品的位置。
http://hi.baidu.com/gyfcw/item/5193c2f357586c1f84d278d9


/* *
* 点击购物后弹出提示层 
* 参数 cartinfo：购物车信息 
*/
function openDiv_ecshop120(cartinfo) 
{
  var _id = "speDiv";
  var m = "mask";
  if (docEle(_id)) document.removeChild(docEle(_id));
  if (docEle(m)) document.removeChild(docEle(m));
  //计算上卷元素值
  var scrollPos; 
  if (typeof window.pageYOffset != 'undefined') 
  { 
    scrollPos = window.pageYOffset; 
  } 
  else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') 
  { 
    scrollPos = document.documentElement.scrollTop; 
  } 
  else if (typeof document.body != 'undefined') 
  { 
    scrollPos = document.body.scrollTop; 
  }

  var i = 0;
  var sel_obj = document.getElementsByTagName('select');
  while (sel_obj[i])
  {
    sel_obj[i].style.visibility = "hidden";
    i++;
  }

  // 新激活图层
  var newDiv = document.createElement("div");
  newDiv.id = _id;
  newDiv.style.position = "absolute";
  newDiv.style.zIndex = "10000";
  newDiv.style.width = "289px";
  newDiv.style.height = "120px";
  newDiv.style.top = "-120px";
  newDiv.style.left = "1px"; 
  newDiv.style.overflow = "hidden"; 
  newDiv.style.background = "#FFF";
  newDiv.style.border = "0px solid #59B0FF";
  newDiv.style.padding = "0px";

  //生成层内内容
        newDiv.innerHTML = '

';
  newDiv.innerHTML += '

 该商品已成功放入购物车
'+cartinfo +'
<<继续购物  

';
document.getElementById('gwc').appendChild(newDiv);



}

同じ ID を持つコンテナが複数ある場合、ポップアップ レイヤーは常にコンテナにバインドされます。ページ上の ID ブラウザはコンテナをどのように区別していると思いますか?そこで、jsに各コンテナを区別するためのパラメータを追加する必要があると思います。