Question

我正在我的Wordpress安装中从Genesis中的扩展程序自定义中触发jQuery脚本，以便发生以下情况：

网址包含电子邮件：

显示div：#sociallocker

隐藏div：#emaillocker

网址不包含电子邮件：

显示div：#emaillocker

隐藏div：#sociallocker

但什么都没发生！我知道代码很好，因为它在其他地方工作。为什么Wordpress会阻止它工作，我该怎么做才能解决它？

JQuery的

<script>
    if(document.location.href.indexOf("email") >= 0) {  //insted of 'str' use document.location.href
        $("#sociallocker").show();
        $("#emaillocker").hide();
    }
    else{
        $("#sociallocker").hide();
        $("#emaillocker").show();
    }
</script>

HTML

<div id="sociallocker">
Email parameter
</div>

<div id="emaillocker">
No Email parameter
</div>

直播链接

https://www.moneynest.co.uk/test-page-for-stack/

Answer 1

您有任何控制台错误吗？

WordPress在兼容性/无冲突模式下运行jQuery。您需要将$替换为jQuery

示例：jQuery("#emaillocker").show();

编辑：

有用的文章：https://digwp.com/2011/09/using-instead-of-jquery-in-wordpress/

Wordpress没有运行jQuery脚本

1 个答案: