如何在缩略图导航上创建外部（或至少在滑块外部）链接？

Question

我过去几天一直在使用Jssor Slider并发现它非常好，但我想在活动时添加指向缩略图的额外链接，这些链接将直接链接到他们所在的页面在滑块中突出显示。

下面你会看到我添加了一个指向缩略图的链接，在浏览器上查看时没有问题，但是无法点击。我相信这是因为它位于＆＃34;拇指＆＃34;划分Jssor在点击时将其视为一个对象。

<div>
    <img u="image" src="img/slide.jpg" />
    <div u="thumb">
        <img class="i" src="img/thumbnail.jpg"/>
        <div class="t">Service Title</div>
        <div class="c"><a href="link_to_service_page.html">Learn More</a></div>
    </div>
    <div u="caption" t="FADE" class="gradientOverlay"></div>
    <div u="caption" t="L" class="serviceTitle"> Service Title</div>
    <div u="caption" t="B" class="serviceCaption">Brief Summary of Service.</div>
    <div u="caption" t="R" class="serviceMore"><a href="service_page.html">Learn More</a></div>
</div>

我还尝试将链接添加为幻灯片上的标题，但它出现在导航缩略图后面，并且z-indexing似乎无法正常工作，我猜测是因为javascript会覆盖它

最后，我尝试使用＆＃39; u =＆＃34;任何＆＃34;＆＃39;虽然这似乎是最好的路径，但通过将链接标记为数据，Jssor脚本应该能够识别它并执行操作。但这是我开始迷失的地方，因为我还在学习javascript，因此我为什么要使用Jssor。

任何帮助都将不胜感激。