JQuery Toggle 在 Wordpress 网站上不起作用

Question

大家好，我在我的 Wordpress 网站上使用 JQuery 来切换 div 时遇到了一些问题。我设法在页面加载时隐藏了 div，但无法将其切换为显示和隐藏。这是我的代码：

<a class="clicker" href="#">Click here</a>

<div class="slider home-border-center" id="#">
blah blah blah
</div>

<script type="text/javascript">
jQuery.noConflict();

// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
    jQuery(".slider").hide();

    JQuery(".clicker").click(function(){
        JQuery(".slider").toggle();
    });
});

</script>

任何想法我做错了什么？

Answer 1

变化：

jQuery

到：

jQuery

因为变量和函数名是区分大小写的。

所以：

<a class="clicker" href="#">Click here</a>

<div class="slider home-border-center" id="#">
blah blah blah
</div>

<script type="text/javascript">
jQuery.noConflict();

// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
    jQuery(".slider").hide();

    jQuery(".clicker").click(function(){
        jQuery(".slider").toggle();
    });
});

</script>