Hướng dẫn wordpress run javascript on button click - wordpress chạy javascript khi nhấp vào nút

Chào @jassyjas,

Tôi có đúng khi hiểu rằng bạn muốn đoạn trích làm điều gì đó khi liên kết được nhấp vào không? Nó nên làm những việc gì?

Xin chào! Không có liên kết HTML hoạt động tốt. Tôi thích điều tương tự sẽ xảy ra khi tôi nhấp vào nút. Tôi có thể sử dụng mã HTML trong nút của mình. Hy vọng điều đó có ý nghĩa? Tôi được khuyên nên tạo một đoạn mã sẽ kích hoạt chức năng tương tự. Đoạn mã JS đã có trong đoạn mã của tôi. Tôi có thể gửi một bản ghi ‘khung dệt nếu tôi không giải thích nó đủ tốt. Cảm ơn bạn
I’d like the same thing to happen when I click a button. I can’t use the html code in my button.
Hope that makes sense?
I was advised to create a code snippet which would trigger the same function title.
The JS code snippet is already in my Code snippets.
I can send a ‘loom’ recording if I’m not explaining it well enough.
Thank you

Nếu bạn cho nút một ID:

Book Online

Bạn sẽ có thể đăng ký một trình nghe sự kiện với JavaScript

document.getElementById['book_online_button'].addEventListener[ 'click', function [] {
	// do your JS code here
} ];

Cảm ơn bạn, tôi đã cố gắng làm theo hướng dẫn của bạn nhưng rõ ràng tôi có điều gì đó sai. Bạn có thể cho tôi biết những gì tôi sai khi tôi bị lỗi
//loom.com/i/642f326840b648acbce8931ddbf02d3f

`Document.getEuityById ['Book_Button']. -ACDD-fccf491bf729, B.saloniqSite = ' //bookings.saloniq.co.uk’ 0]; C.GetEuityById [e] | . php}];
!function[b,c]{b.saloniqid=’ac589142-60bc-4acd-acdd-fccf491bf729′,b.saloniqsite=’//bookings.saloniq.co.uk’;var d,g,e=’onlinebookingwidget-loader’,f=c.getElementsByTagName[‘script’][0];c.getElementById[e]||[d=c.createElement[‘script’],d.id=e,d.async=!0,d.src=b.saloniqsite+’/scripts/onlinebookingwidget-loader.js?d=’+Date.now[],g=f?f.parentNode:c.getElementsByTagName[‘head’][0],g.insertBefore[d,f]]}[window,document]; ?php}];

Có một vấn đề với cách bạn đã trộn mã PHP và JS. Đây là một cách tốt hơn để làm điều đó:

add_action[ 'wp_head', function [] { ?>

!function[b,c]{b.saloniqid='ac589142-60bc-4acd-acdd-fccf491bf729',b.saloniqsite='//bookings.saloniq.co.uk';var d,g,e='onlinebookingwidget-loader',f=c.getElementsByTagName['script'][0];c.getElementById[e]||[d=c.createElement['script'],d.id=e,d.async=!0,d.src=b.saloniqsite+'/scripts/onlinebookingwidget-loader.javascripts?d='+Date.now[],g=f?f.parentNode:c.getElementsByTagName['head'][0],g.insertBefore[d,f]]}[window,document];

document.getElementById[ 'book_button' ].addEventListener[ 'click', function [] {
	window.saloniq.loader.openIFrame[];
} ];




!function[b,c]{b.saloniqid='ac589142-60bc-4acd-acdd-fccf491bf729',b.saloniqsite='//bookings.saloniq.co.uk';var d,g,e='onlinebookingwidget-loader',f=c.getElementsByTagName['script'][0];c.getElementById[e]||[d=c.createElement['script'],d.id=e,d.async=!0,d.src=b.saloniqsite+'/scripts/onlinebookingwidget-loader.javascripts?d='+Date.now[],g=f?f.parentNode:c.getElementsByTagName['head'][0],g.insertBefore[d,f]]}[window,document];



document.getElementById[ 'book_button' ].addEventListener[ 'click', function [] {
	window.saloniq.loader.openIFrame[];
} ];