[英]Javascript doesn't work in wordpress theme
I'm running into a wired issue when try to use javascript customization in Wordpress theme - vatage尝试在 Wordpress 主题中使用 javascript 自定义时遇到了有线问题 - vatage
I tried use a Wordpress Plugins - Simple Custom CSS and JS, tried put code in header and footer, both don't work.我尝试使用 Wordpress 插件 - 简单的自定义 CSS 和 JS,尝试将代码放在页眉和页脚中,但都不起作用。
Tried to add below in 'function.php
' file, also doesn't work.试图在
'function.php
'文件中添加以下内容,也不起作用。
add_action('wp_enqueue_scripts', 'tutsplus_enqueue_custom_js');
function tutsplus_enqueue_custom_js() {
wp_enqueue_script('custom', get_stylesheet_directory_uri().'/js/custom.js',
array(), false, true);
}
I also tested put the code direct the page as below.我还测试了将代码直接放在页面上,如下所示。
<script type="text/javascript">
let product_title_id = document.querySelector("#product-title-id")
let offer_welcome = document.getElementById("no-welcome")
console.log(product_title_id.innerHTML)
console.log(offer_welcome.innerHTML)
if (product_title_id.innerHTML.includes("ltimate")) {
console.log("Yes, it is included.")
console.log(offer_welcome.innerHTML)
document.querySelector(".word-offerswelcomme").style.setProperty("display", "none", "important")
document.querySelector(".word-offerswelcomme").style.setProperty("visibility ", "hidden", "important")
document.getElementById("no-welcome").style.display = "none";
document.getElementById("no-welcome").innerHTML = "";
}
document.querySelector(".word-offerswelcomme").style.setProperty("display", "none", "important")
document.getElementById("no-welcome").style.display = "none";
document.getElementById("no-welcome").innerHTML = "";
</script>
In console, the console.log
works.在控制台中,
console.log
有效。 but the if statement and the last 3 calls don't work.但是 if 语句和最后 3 个调用不起作用。 the
.style.display = "none"
works 1 second when you refresh the page, then the content pop up again.刷新页面时
.style.display = "none"
工作 1 秒,然后内容再次弹出。
Anyone know how to resolve this issue.任何人都知道如何解决这个问题。 I am new for wordpress.
我是wordpress的新手。 Thanks in advance
提前致谢
Maybe works after complate document fully downloaded.完全下载完整的文件后可能会起作用。
document.addEventListener("DOMContentLoaded", function() {
let product_title_id = document.querySelector("#product-title-id")
let offer_welcome = document.getElementById("no-welcome")
console.log(product_title_id.innerHTML)
console.log(offer_welcome.innerHTML)
if (product_title_id.innerHTML.includes("ltimate")) {
console.log("Yes, it is included.")
console.log(offer_welcome.innerHTML)
document.querySelector(".word-offerswelcomme").style.setProperty("display", "none", "important")
document.querySelector(".word-offerswelcomme").style.setProperty("visibility ", "hidden", "important")
document.getElementById("no-welcome").style.display = "none";
document.getElementById("no-welcome").innerHTML = "";
}
document.querySelector(".word-offerswelcomme").style.setProperty("display", "none", "important")
document.getElementById("no-welcome").style.display = "none";
document.getElementById("no-welcome").innerHTML = "";
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.