JQuery切换不在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>