wordpress中js的问题

Question

我在 Wordpress 上使用 javascript 有问题！

我必须在我的主题中插入这支笔 https://codepen.io/z-/pen/OBPJKK .

HTML 和 css 工作，唯一要解决的问题是 javascript.

我用 "jQuery" 替换了原始 JS 中的“$”，然后在主题选项 > 高级 > 代码字段 > Space 头部区域之前输入了这个脚本：

<script type="text/javascript">
jQuery(document).ready(function() { 
  jQuery('.single .fusion-post-slideshow li img').each(function() {
  var caption = jQuery(this).attr('alt');
  jQuery(this).after('<span>' + caption + '</span>');
  }); 
});
</script>

问题在于无法重现上述笔的点击效果。

进入http://www.goatsplan.com/goats-magazine/页面的url时，Wordpress好像不认识JS，就好像没有输入代码一样。请问，如何解决这个问题并在 javascript 中保持相同类型的动画？

非常感谢

Answer 1

jQuery(".option").click(function(){
   jQuery(".option").removeClass("active");
   jQuery(this).addClass("active");

});

刚刚在页脚jQuery后面file/Template

工作正常 --> https://prnt.sc/r04jfi
https://prnt.sc/r04jug

wordpress中js的问题

Problems with js in wordpress

javascript

jquery

wordpress

codepen