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>