在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'); 

希望帮助