下拉登錄窗體不會在Wordpress中工作

Question

所以我有一個登錄屏幕設置後，一些教程和指南在線。我把代碼放在jsfiddle中：Jsfiddle。現在我不能讓代碼工作。我對Jquery很陌生，所以這可能是一個新手的錯誤。我的問題是，當你點擊登錄菜單應該下拉並顯示登錄表單。歡迎任何幫助或建議，我提前感謝你。

$(document).ready(function(){ 
    $('#login-trigger').click(function(){ 
    $(this).next('#login-content').slideToggle(); 
    $(this).toggleClass('active');   

    if ($(this).hasClass('active')) $(this).find('span').html('▲') 
     else $(this).find('span').html('▼') 
    }) 
}); 

---

圖片我的functions.php的：

Answer 1

在WordPress，你需要寫jQuery代碼一樣

function head_script() {?> 
    <script type="text/javascript"> 
    (function($) { 
    $('#login-trigger').click(function(){ 
    $(this).next('#login-content').slideToggle(); 
    $(this).toggleClass('active');   

    if ($(this).hasClass('active')) $(this).find('span').html('&#x25B2;') 
     else $(this).find('span').html('&#x25BC;') 
    }); 
})(jQuery); 
    </script> 
<?php 
} 
add_action('wp_head', 'head_script');