传出的HTML链接被CSS破坏

我知道关于断开链接的问题总是被问到，但是我的问题似乎有点不同，并且没有一个解决方案有效

现在，我的导航部分的其他网站的链接在点击时都不起作用。它会注册它们在那里，如果您右键单击它并选择“在新选项卡中打开”，它会工作，否则，nada。如果这是href=xxx链接到页面内容的术语，那么一些相对链接可以很好地用于模式弹出窗口

下面列出了我的HTML代码，以及指向CSS的Pastebin链接，这样我就不会把框弄得乱七八糟

从列表标记中删除class=navigation似乎可以解决链接问题。但是，将类保留在标记上，但从样式表中删除所有相关的CSS并不能消除问题，而只是删除样式。我不明白为什么会这样

我已经尝试将我的背景、菜单和导航的z-索引分别设置为1,2,3和3,2,1，只是为了让它们不会干扰，正如其他问题中所建议的那样，但没有效果。有人有什么想法吗

CSS: 地点：

---

你的问题不是CSS，而是你的jQuery。这尤其是：

 links.click(function (e) {
    e.preventDefault();
    dataslide = $(this).attr('data-slide');
    goToByScroll(dataslide);
});

当您找到链接时，如下所示：

var links = $('.navigation').find('li');

---

你必须以某种方式排除那些转到外部站点的。也许通过给模态链接它们自己的类名或者别的什么

啊，我现在明白了。出于某种原因，我甚至没想过要检查一下。我会好好玩玩，看看我能做些什么。非常感谢！

var links = $('.navigation').find('li');