0

以下を使用して小さなサムネイルギャラリーを作成しようとしています。

これは私が使用しているコードです：

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

明らかにjsfiddleで実行されていますが、私のWebページでは実行されていません。誰かが何が問題になっているのかを理解できますか？

4

4 に答える 4

1

ページにエラーがあり、Webサイトに「.active」がありません。

編集

コードが並列であることを確認してください。コードがそこにあるのであなたのフィドルは機能していますが、あなたのウェブサイトにはありません。

わかりました。フィドルにはimgタグがありますが、サイトに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タグを検索していることですが、タグがないため、何も起こりません。最初にロードする画像を追加することをお勧めします。

于 2012-08-29T13:53:32.093 に答える
1

まず第一に：jQueryは2回含まれています

<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。パフォーマンス面では、より高速になります。

于 2012-08-29T13:54:00.773 に答える
0

Wordpressはわかりませんが、他のjs-libを使用している可能性がありますか？その場合、あなたの$はおそらく使用されています。

jQuery.noConflict（）;で$（stuff）の代わりにjQuery（stuff）を使用してみてください。スクリプトの上に

于 2012-08-29T13:51:38.467 に答える
0

で解決：

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


    var imgURL = jQuery(this).find('img').attr("src");    
    jQuery('#imgHolder').find('img').attr("src", imgURL);    
});
});
于 2012-08-29T15:03:38.780 に答える