【code】[jq]幫連結或圖片綁定一個點擊事件

在Elementor中想幫任意按鈕或超連結綁定一個點擊事件,二段小語法可以解決。

這是一段網頁載入時一個帶有圖片超連結的語法,

<a href="#1">
<img src ="http://img2.3png.com/be8f31fa4d225ffa48049d8a3e3270530f92.png" class="wp-image-id"  alt="" width="100" height="90" data-wp-pid="id" />
</a>

現在想幫這個帶有連結的圖片綁定一個點擊事件 : onclick="return gtag_report_conversion('#1')"

作法如下:

1.先給圖片一個id。(如果是純按鈕或純連結,就把id給在按鈕或連結)
2.如果圖片沒有id,也無法手動給他id的話,可以用jq語法自自動給它一個id。(一般網頁載入時,它至少會有一個class,所以我們可以先抓到class後再給他一個ID)

2.1 給它一個ID(我命名為cid)

<script>
$(".wp-image-id").attr("id","cid")
</script>

3.用id找到該帶有連結的圖片並綁定點擊事件

<script>

$("#cid").attr("onclick","return gtag_report_conversion('#1')");

</script>

4、用f12預覽

黃色處是我們用jq語法先給它一id,再綁定click事件,有成功!

整體語法如下:

<!--引用jq -->
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<!--code-->
<script>

$(".wp-image-id").attr("id","cid")

$("#cid").attr("onclick","return gtag_report_conversion('#1')");
</script>

在Elementor中要下語法,直接在左邊拖一個html工具,把語法貼裡面即可。

Facy

我是Facy,浸淫網路行銷多年,凡是網路行銷相關都興趣十足,特別是「關鍵字&內容行銷」! 目前主要是專職部落客、網站接案製作、架站教學,歡迎找我聊聊。

  • 如果您需要問我相關的話,可以加入FB社團一起交流或寫信給我: smallway.tw@gmail.com
  • 如果您需要更系統性的學習,歡迎參考我的線上課程或家教班
  • 如果您有單一性的問題,例如網站健診、文章問題、做不出的功能,目前接受付費線上家教

發表留言