Codepen jquery代码工作正常,但当我将它移动到我的wordpress网站时,它不再有效

时间:2017-11-14 20:26:20

标签: javascript jquery html css wordpress

好的,所以这里是我的Codepen代码的链接

https://codepen.io/Kegster/pen/aVJVqW?editors=1111#code-area

这是我将代码放在

上的WordPress网站的链接

http://www.blackbearlodge.com.php7-34.lan3-1.websitetestlink.com/activities/

我的WordPress网站上的代码完全相同。 我很高兴知道我能做些什么来解决这个问题或者动画类型是什么,只是找到一个可以为我准备动画的插件。目前只是厌倦了jQuery在网站上根本无法正常工作的事实。

我尝试将jQuery更新为最新版本,这会破坏我的网站(只是让我陷入加载屏幕)。我试图使用.stop(true, true)来查看它是否正在排队,但也不起作用。我尝试了一些其他的东西,比如让我构建的代码与正确的版本相匹配。似乎无法弄清楚为什么一切都行不通。在这3天来修复一个简单的动画。

我使用的主题是i-max(非专业版),但我使用的是我设置的子主题。这就是为什么有2个style.css文件。第二个是覆盖第一个,所以我可以改变自己的风格。

1 个答案:

答案 0 :(得分:1)

You have a max-width with set on the img

.entry-content img, 
.entry-summary img, 
.comment-content img, 
.widget img, 
.wp-caption {
    max-width: 100%;
}

To remove, add this into your child theme CSS

.entry-content #img-container123 img {
    max-width: none;
}