Wordpress中的JS问题：Wordpress中的笔困难

Question

我在Wordpress上使用JavaScript遇到了问题！我必须把这支笔https://codepen.io/z-/pen/OBPJKK插入主题。 HTML和CSS工作，要解决的唯一问题是javascript。我将原始JS中的“ $”替换为“ jQuery”，并在“主题选项”>“高级”>“代码字段”>“头部前空格”中输入了此脚本：

<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中保留相同类型的动画？非常感谢]]

我在Wordpress上使用JavaScript遇到了问题！我必须在这支笔中插入这支笔https://codepen.io/z-/pen/OBPJKK。 HTML和CSS工作，要解决的唯一问题是javascript。我在...

Answer 1

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

});