jquery - WordPress中的Jquery没有运行

Question

我正在尝试使用以下内容创建一个小型缩略图库：

这是我正在使用的代码：

http://fiddle.jshell.net/Gkjx2/

它显然在 jsfiddle 中运行，但不在我的网页中，任何人都可以找出问题所在吗？

Answer 1

您的页面上有一些错误，并且您的网站上没有“.active”。

编辑

确保您的代码是并行的。您的小提琴正在工作，因为代码在那里，但不在您的网站上。

好的，您的小提琴有一个 img 标签，但您的网站中没有一个...这就是我所说的并行，您正在搜索 .find() 不存在的东西。

小提琴：

<div id="imgHolder">
    <img src="http://www.whitegadget.com/attachments/pc-wallpapers/16215d1222951905-nature-photos-wallpapers-images-beautiful-pictures-nature-444-photos.jpg" alt="" width="400" height="400">        
</div>

地点：

<div id="imgHolder">
</div>

你的小提琴应该是这样的：

http://fiddle.jshell.net/Gkjx2/1/

您的问题是 js 正在使用 find 在 imgHolder 中查找 img 标签，但没有，所以什么也没有发生。我建议添加您加载的第一张图片。

Answer 2

首先：jQuery被包含两次

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

和

<script type="text/javascript" src="http://www.neurosignsurgical.com/v2/wp-includes/js/jquery/jquery.js?ver=1.7.2"></script>

删除一个并将另一个更新到最新版本，因为两者都已过时。

其次，我似乎无法在任何地方找到您的代码。

第三：在这种情况下，它比使用children更好find。在性能方面它会更快。

Answer 3

我不知道 Wordpress，但也许它正在使用其他 js-libs？在这种情况下，您的 $ 可能正在使用中。

尝试使用 jQuery(stuff) 而不是 $(stuff) 与 jQuery.noConflict(); 在你的脚本之上

Answer 4

解决了：

jQuery(document).ready(function(){   
jQuery('.showImg').hover(function(){    


    var imgURL = jQuery(this).find('img').attr("src");    
    jQuery('#imgHolder').find('img').attr("src", imgURL);    
});
});