jQuery图像环行交叉口仅用于链接前图像

我一直在工作的形象环岛插件提供了以下链接，所有的工作都很好，除了事实上，无论我点击链接；无论是正面还是背面，环岛都会向前滑动，但会将您带到刚才单击的图像的链接。。。因此，使环岛变得几乎毫无用处

我不久前才开始学习jQuery，我还没有太多的经验，我觉得我可能错过了一些简单的东西。我只想在环岛前面的图像链接到其必要的页面。当我单击前面图像后面的任何其他图像时，我只希望环行交叉口将该图像旋转到前面，但当该图像位于前面时，在单击时启用链接

以下是我到目前为止的情况

HTML

<section id="carousel">
<ol class="next">
    <li><a href="http://bandonthewall.org/"><img src="assets/images/carousel-item-1.png"></a></li>
    <li><a href="http://google.com"><img src="assets/images/carousel-item-2.png"></a></li>
    <li><a href="http://bandonthewall.org/"><img src="assets/images/carousel-item-3.png"></a></li>
    <li><a href="http://google.com"><img src="assets/images/carousel-item-4.png"></a></li>
    <li><a href="http://bandonthewall.org/"><img src="assets/images/carousel-item-5.png"></a></li>
    <li><a href="http://google.com"><img src="assets/images/carousel-item-6.png"></a></li>
    <li><a href="http://bandonthewall.org/"><img src="assets/images/carousel-item-7.png"></a></li>
    <li><a href="http://google.com"><img src="assets/images/carousel-item-8.png"></a></li>
    <li><a href="http://bandonthewall.org/"><img src="assets/images/carousel-item-9.png"></a></li>
    <li><a href="http://google.com"><img src="assets/images/carousel-item-10.png"></a></li>
    <li><a href="http://bandonthewall.org/"><img src="assets/images/carousel-item-11.png"></a></li>
</ol>
</section>

我真的非常感谢你的帮助

谢谢你，而不是这一块：

$('a').click(function(e){
    link = $(this).attr("href");
    location.href=link;
});

试试这个：

$('.roundabout-moveable-item a').click(function(e){
    if($(this).parent('li').hasClass('roundabout-in-focus')) {
        link = $(this).attr("href");
        location.href=link;
    }
    else {
        e.preventDefault();
    }
});

我所做的是测试

a

的父

li

元素是否是前面的当前元素（这是由插件的类

.roundout in focus

指定的）。如果是，则允许链接通过。如果不是（如果是后面的任何一个），则阻止链接激活

让我知道这是否有效。我不是很熟悉这个插件，这是基于快速研究。如果它真的起作用，这里有一个更苗条的替代版本：

$('.roundabout-moveable-item a').click(function(e){
    if(!$(this).parent('li').hasClass('roundabout-in-focus')) {
        e.preventDefault();
});

$('.roundabout-moveable-item a').click(function(e){
    if(!$(this).parent('li').hasClass('roundabout-in-focus')) {
        e.preventDefault();
});