iT邦幫忙

0

pop 出來的網頁 獲得當下資訊但會重複記載

  • 分享至 

  • xImage

假設有三樣商品分別A、B、C皆會有細項
加入購物車前會有POP出來的頁面供挑選,
在裡面加入一個按鈕是最後確認並加入購物車,
但是會獲得當下資訊,再按一次就會重複,
而且按X離開也會被記錄了。

請問哪裡可以下手解決此問題?

以下為codepen內容:
https://codepen.io/alanotmt/pen/WNzMqqJ

點選網頁左下角的console再點選A/B商品 就能看到我所指的只會加入C商品

lolis iT邦新手 5 級 ‧ 2022-08-04 10:24:09 檢舉
點擊 加入購物車
需要有個變數記錄點擊哪一項
shop-item-title 的 innerText 恆定值就是 'c_item'
所以點擊哪一項都是 'c_item'
alanotmt iT邦新手 4 級 ‧ 2022-08-04 10:58:22 檢舉
我有修改一下,現在雖然可以獲取當下商品,但資訊會重疊記錄。
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
小小前端
iT邦新手 5 級 ‧ 2022-08-04 10:32:23

https://ithelp.ithome.com.tw/upload/images/20220804/20127444QWKZ7V2csf.png

因為你的這段是把pop全部打開導致Item C的pop永遠疊在最上面,你可以試著把Item A加個z-index:10; 就會發現問題所在了

alanotmt iT邦新手 4 級 ‧ 2022-08-04 11:00:47 檢舉

我有修改一下改成用shop-item裡的button去做選取商品的動作,再用pop裡button去做確,現在雖然可以獲取當下商品,但資訊會重疊記錄,是要怎樣去掉重複的資訊

我要發表回答

立即登入回答