JS：<a href="https://jsfiddle.net/qftcjcbp/3/" rel="nofollow"><strong>JS Fiddle</strong></a>：リンク私はカルーセルを持っているカルーセル

Question

で働いていないデータのhrefで指定されました。私はそのようなことを、自身のページにメイン画像として表示される各画像、リンクする方法を把握しようとしています：私はワゴンの画像をクリックすると

• - 、wagon.comにそれが行くを
• 私は、先祖伝来の写真の画像をクリックすると - それは heirloom.comになり、

• 私はウーリーの画像をクリックして

- それはwoolly.comに行く、など

 <li> 
        <a href="https://upload.wikimedia.org/wikipedia/commons/e/e9/Baker's-van-r.jpg"></a> 
        <a data-href="www.wagon.com"></a> 
        <div class="block"> 
         <h2>Wagon wins again</h2> 
        </div> 
    </li> 


    <li> 
        <a href="https://s-media-cache-ak0.pinimg.com/736x/00/60/ff/0060ff20d110050c0e350c55f7c7f3be.jpg"></a> 
        <a data-href="www.heirloom.com"></a> 
        <div class="block"> 
         <h2>Heirloom Scareloom</h2>                 
        </div> 
    </li> 

    <li> 
        <a href="https://upload.wikimedia.org/wikipedia/commons/7/79/Mammuthus_trogontherii122DB.jpg"></a> 
        <a data-href="www.woollies.com"></a> 
        <div class="block"> 
         <h2>The Original Wollies</h2><br>                
        </div> 
    </li> 

JQueryでは、各画像ごとにリンクを割り当てるために `data-href`を使いました。

var imgAlt = $(this).find('img').attr("alt"); // Get Alt Tag of Image 
     var imgTitle = $(this).find('a').attr("href"); // Get Main Image URL 
    var imgLink = $(this).find('a').attr("data-href"); // Get Main Image URL 
     var imgDesc = $(this).find('.block').html(); // Get HTML of block 
     var imgDescHeight = $(".main_image").find('.block').height(); // Calculate height of block 

ただし、リンクは指定されたページには移動しません。これに対処する方法についてはどんな方向にも感謝します。どこが間違っていますか？フィドルに動作するようです：

Answer 1

OK - その解決策もしわからない - これを試してみてください。私はおそらく主画像部分の構造を再考するためにあなたを助言する（それは少し厄介で紛らわしいと思われる）が、私はあなたが間違って参照している問題を考える「」imgLinkを設定するとき。それは最初のデータhrefを持たない2番目の（または最後の）ものです。スワップ

てみてくださいこれでその：今、シーケンスを通じて、彼らサイクルとして画像に変更するHREFを追加しているようだ

var imgLink = $(nextImage).find('a:last').attr("data-href"); // Get Main Image URL 

。また、 - のhrefのフル（絶対パス）を使用してみてください - 私はちょうど「http://www.heirloom.com/」に入れて、画像をクリックするとフィドルページのうち、そこに連れて行ってくれました。

Answer 2

、

var imgLink = $(this).find('a:last').attr("data-href"); // Get Main Image URL 

https://jsfiddle.net/qftcjcbp/10/