【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工具，把語法貼裡面即可。