Question

我正试图让卡车在屏幕上直接在Wordpress的导航菜单下。代码在js小提琴中完美执行，但是当我尝试加载JavaScript文件时，我得到的只是一个静止图像（JavaScript没有加载）

这是工作中的小提琴：

以下是我应用于page.php的代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script src="//pimpdaddy1337.com/wp-content/themes/twentytwelve-child/john.js"></script>
<div id="animate">
<img id="plane" src="http://thumb10.shutterstock.com/thumb_small/507037/507037,1274380827,2/stock-vector-black-and-white-big-rig-silhouette-53528596.jpg" /></div>
</script>

CSS

css :#animate { position: relative;}

有人可以帮我解决这个错误吗？

Answer 1

关于jQuery和Wordpress ......

首先，在使用Wordpress时，不应使用<script>标记加载jQuery。 Wordpress有自己的方法来填充东西。您可以在此处详细了解：http://matthewruddy.com/using-jquery-with-wordpress/

其次，您可能已经在Wordpress中加载了jQuery。 Wordpress主题经常安装了jQuery，但它运行在 No Conflict 模式下。这意味着您需要写出$，而不是在函数中使用jQuery。

希望这能为您提供一个起点排除故障......

Answer 2

您不需要加载jQuery，WordPress应该已经加载了一个版本。
您的html末尾有一个额外的</script>，似乎不属于此类。
确保将脚本标记<script src="//pimpdaddy1337.com/wp-content/themes/twentytwelve-child/john.js"></script>放在header.php中的<head>标记内，在</head>行前面尝试。
确保您的div位于page.php中（假设这是正确的模板文件）。即使脚本没有触发，你也应该能够看到它，如果你不能解决它，那么你还应该看到它。

在Wordpress中运行JavaScript

2 个答案: