javascript - 如何使用jQuery在Wordpress中的特定页面加载不同的图像

Question

我对 jQuery 很陌生，希望主要在像这个实例这样的 WordPress 网站上工作时使用它。

我正在尝试在三个特定的作品集页面上加载独特的 Logo 。我的目标是使用每个页面中的唯一类，然后在 ID 为 #scroll-down 的按钮之前添加图像。奇怪的是，所有页面上都只显示GPD_Logo_Colour1.gif。当我查看 HTML 标记的源代码时，我可以看到 jQuery 首先使用 GPD_Logo_Colour1.gif 加载了三个图像中的 2 个，尽管它在 jQuery 代码中是第二个。

我有一些不正确的语法吗？或者 GPD_Logo_Colour1.gif 是否已缓存？我真的不知道下一步该去哪里寻找答案。谢谢!

这是我在子主题的 Functions.php 文件中使用的代码，用于将 my.js 文件排队/加载。

function evoc_child_script() {
wp_enqueue_script ('jquery');
wp_enqueue_script('jeremys javascript', 
get_stylesheet_directory_uri() . '/js/my.js', 
true);
}

add_action( 'wp_enqueue_scripts', 'evoc_child_script');

这是我的 my.js 文件中的代码

jQuery(document).ready(function(){

$('body.postid-239 #scroll-down' ).before('<img      src="http://jeremynewcombe.com/wp-content/uploads/2015/09/FI30_Logo.gif"      />');

$('body.postid-192 #scroll-down' ).before('<img    src="http://jeremynewcombe.com/wp-  content/uploads/2015/09/GPD_Logo_Colour1.gif" />');

$('body.postid-284 #scroll-down' ).before('<img src="http://jeremynewcombe.com/wp-content/uploads/2015/10/Dynamis_Logo_White.gif" />');

}); 

Answer 1

您是否在#scroll-down 之前缺少一个空格？ 您现在的目标是一个带有 post-idXXX 类的 body 标记，该标记还具有 ID scroll-down。