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网站（主题Avada）

如果有人知道该怎么做;）

Answer 1

WordPress中的

$选择器将失败，您需要以下列代码启动代码：

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

在AVADA中，您可以转到选项 - ＆gt;高级 - ＆gt;代码字段（跟踪等）并在那里添加代码。

编辑：

请注意，codepen包含了jQuery UI！

如果还没有包含jQuery ui，你还需要包含它。将此添加到AVADAs子系列的functions.php

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

希望有所帮助

在wordpress中放一个自定义的js代码？

1 个答案: