javascript 如何針對不同pop 頁面呼叫

javascript css html php 網頁設計

alanotmt 2022-08-23 15:12:24 ‧ 1024 瀏覽

分享至

以下為codepen:
https://codepen.io/alanotmt/pen/WNzMqqJ?editors=1111

我有三個pop 的頁面分別是 p1/p2/p3
每個內容都不一樣，

我嘗試$(".pop p1").fadeIn(400) 好像也沒有反應，
永遠都只會跳到最後一個pop p3的頁面

請問該如何指定 p1/p2/p3 class 頁面做呼叫?

froce iT邦大師 1 級 ‧ 2022-08-23 15:27:21 檢舉

先說答案:
$(".p1")

html中，id是唯一的，當一個頁面中有多個相同id的元素，程式會抓第一個
class則是在同一元素可以有多個，多個元素可以有相同的class，class="pop p1"，就代表這元素有兩個class，分別是pop、p1

所以當你用 $(".pop") 時，取到的會是所有有class="pop"的元素。

alanotmt iT邦新手 4 級 ‧ 2022-08-23 15:37:54 檢舉

感謝~ froce大又幫我上了一課，有了解到!!

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

尚未有邦友回答

立即登入回答

javascript 如何針對不同pop 頁面呼叫

尚未有邦友回答

標記使用者