javascript - 具有另一个背景图像的图像链接不起作用

Question

我有以下网站http://geertsprengers.be但是我想让最上面的图片链接到一个网站，所以我将 href 从 # 替换为各自的网站。如果我单击它们，它们不会链接。这怎么可能，解决方案是什么？我尝试在它周围包裹另一个 a 元素，但这没有用。

我认为这与图像背景的 css 有关，但我不是 css 专家，所以我不知道如何修改它。

这是html代码:

<nav>
    <ul class="container">
        <li class="">
            <a class="sub" href="http://sublimmo.be">

                <span></span>
           </a>
        </li> 
        <li class="">
            <a class="troga" href="http://troga.be">
                <span></span>
            </a>
        </li>
        <li class="">
            <a class="sos" href="#">
                <span></span>
            </a>
        </li>
        <li class="">
            <a class="res" href="http://rescotec.com">
                <span></span>
            </a>
        </li>
    </ul>
</nav>

Answer 1

去掉js中onclick函数的return false会正常执行，返回false是不会触发子元素的click事件

像这样

$(".container li").each(function() 
{
   this.onclick = function() 
   {
        $(".container li").removeClass("tab-current");
        $(this).addClass("tab-current");
        $.ajax({
            url: "getDetails.php?LiID="+this.id
        }).done(function(data){
            $(".description").empty().append(data);
        });
        return true;
    };
});