0

全て

まず、私がやろうとしていることです: 1 つの大きな画像とサムネイルのセットがあります。各画像 (大小) は で囲まれているため、ユーザーはそれをクリックして関連するリソースに移動できます。私がやりたいのは、サムネイルにカーソルを合わせたときに大きな画像の詳細を変更することです。そして、jQueryを使ってそれをやりたいです。（私はjQueryが初めてなので、優しくしてください）。

アイデアは、hoover() ハンドラーを登録することです。ユーザーがサムネイルにカーソルを合わせると、href をコピーし、コンテンツをサムネイルからメイン画像にリンクします。

ここに私が持っているものがあります:

<a href='main_image_url' id='main_img_link'> <img src="main_image.jpg" id='main_image'>MAIN TEXT</a>

<a href='thumb_image_url' id='thumb_img_link'> <img src="thumb_image.jpg" id='main_image'>THUMB TEXT</a>

(function() {
    var main_img = $('a#main_img_link');

    $('a#thumb_img_link').hover(function(){
        console.log($(this));
        console.log($(this).href);
        main_img.href=$(this).href;
    });
})();

OK、まず、このアプローチは機能しません-リンクはメイン画像で変更されません。次に、リンクのコンテンツ (画像とテキスト) をコピーする方法を見つけようとしています。全体にアクセスするにはどうすればよいですか?????? $(this).text は THUMB TEXT しか提供しません。$(this).attr() でエラーが発生する

過去に jQuery を使用せずに同じ機能を実行しましたが、これらのタスクに jQuery を使用する方法を理解したいと考えています。

ありがとう、ルドルフ

4

1 に答える 1

1

注意深く読みませんでしたが、変更してみてください

$(this).href

に

$(this).attr('href')

ああ、あなたのドキュメントの準備は私には少し奇妙に思えます、あなたのコードをラップしてみてください

$(function(){
    //do stuff
});
于 2012-06-07T14:30:38.193 に答える