JS:数据href中指定的链接在转盘中不起作用

我有一个转盘：JS Fiddle。我正试图弄清楚如何将每个作为主图像出现的图像链接到自己的页面，例如：

• 当我点击马车的图片时，它会进入wagon.com
• 当我点击传家宝照片的图片时，它会转到heirloom.com

• 当我点击woolly的图片时，它会进入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

但是，链接不会转到指定的页面。如果有任何关于如何处理这件事的指导，我将不胜感激。我哪里错了？