javascript - Codepen jquery 代码工作正常但是当我将它移到我的 wordpress 网站时它不再工作

Question

好的，这是我的 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 文件的原因。第二个是覆盖第一个，这样我就可以进行自己的样式更改。

Answer 1

您在 img 上设置了最大宽度

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

要删除，请将其添加到您的子主题 CSS 中

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