在WordPress中放置一個自定義js代碼？

Question

我嘗試把這樣的代碼：http://codepen.io/lormski/pen/meXadK/

$(function() { 
    $("#tabs").tabs({ 
    show: { 
    effect: "blind", 
    direction: "right", 
    duration: 300 
    } 
}); 
    $("#accordion").accordion(); 

    var btn = $('#accordion li a'); 
    var wrapper = $('#accordion li'); 

    $(btn).on('click', function() { 
    $(btn).removeClass('active'); 
    $(btn).parent().find('.addon').removeClass('fadein'); 

    $(this).addClass('active'); 
    $(this).parent().find('.addon').addClass('fadein'); 
    }); 
}); 

在我的wordpress網站（主題阿瓦達索）

如果有人知道如何做到這一點;）

Answer 1

$選擇在WordPress會失敗，你需要開始你的代碼：

<script> 
jQuery(document).ready(function($){ 
    //your code here using $ 
}); 
</script> 

在AVADA，你可以去選項 - >高級 - > Co de Fields（Tracking等）並在其中添加代碼。

編輯：

請注意，codepen包含jQuery UI！

如果未包含jQuery UI，則還需要在主題中包含jQuery UI。這種加入AVADAs孩子的functions.php

function my_scripts() { 
     wp_enqueue_script('jquery-ui-core'); 
} 
add_action('wp_enqueue_scripts', 'my_scripts'); 

希望幫助