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);    
});
});

Answer 5

您可以使用一些插件来实现此目的。 wordpress.org上有很多免费的插件，如： Nextgen Gallery插件（我用过的最好的插件）。

Lightbox Gallery插件。

希望对你有所帮助。

Wordpress中的Jquery没有运行

5 个答案: