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

Question

我是jQuery的新手，希望在此类实例的Wordpress网站上主要使用它。

我正在尝试在三个特定的投资组合页面上加载唯一的徽标。 我的目的是使用每个页面上的唯一类，然后在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 。

Answer 2

我认为除非您将其传递给函数，否则您不能在代码中使用美元符号快捷方式：

jQuery（function（$）{

//现在可以使用了

$（'。selector'）....

}）;