0

私の質問のタイトルにはもっと説明が必要です...

ラグ会社のサイトを構築しています。先週、アコーディオンメニューで画像を別のdivに配置するように質問しました

アコーディオン メニューを使用した画像表示

しかし今は、画像にさらに情報を追加する必要がありました。

だから...私はこのようなメニューを持っています：

    <ul class="leve1">
        <li>
           <div class="some">
           <a href="images/rugtype/image1.jpg">image1</a>
           <a href="images/rugtype/image2.jpg">image2</a>
           <a href="images/rugtype/image3.jpg">image3</a>
           ...
           </div>
       </li>
       ...
   </ul>

アップデート

新しい日、新しい考え方...

メニューが少し変更され、質問も変更されました...

各ラグタイプの仕様を含む div をサイトに追加する必要がありますが、リンクをクリックしたときにのみ表示されます。

以下を使用して、ラグの画像をメニューの横の div に配置します。

$("div.some a").click(function (event) {
    event.preventDefault();
    $("div#dest").html($("<img>").attr("src", this.href).fadeIn(1000));
});

上記の href からラグタイプ情報を取得する方法はありますか?

4

1 に答える 1

0

メソッドimgを使用して要素を追加してみてください。htmlその後、メソッドを使用してそれを見つけfind、サンプルの適用とフェードイン効果を適用します。

$("div.some a").click(function (event) {
    //prevent default
    event.preventDefault();

    // get the href property
    var href = $(this).prop('href');

    // find the div and add a img with display:none, locate the img and fadeIn
    $("div#dest").html("<img src='" + href + "' style='display:none;' />")
                 .find('img')
                 .fadeIn(1000));
});
于 2013-09-18T15:19:26.970 に答える