传出 HTML 链接被 CSS 破坏

Question

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

现在，我的导航部分中的其他网站的链接在单击时都不起作用。它注册它们在那里，如果你右键单击它并选择“在新选项卡中打开”它可以工作，否则，nada。不过，模态弹出窗口的一些相对链接（如果这是指向页面内容的 href="#xxx" 链接的术语）可以正常工作。

下面列出了我的 HTML 代码，以及指向 CSS 的 Pastebin 链接（这样我就不会弄乱盒子）。

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

我尝试将我的背景、菜单和导航的 z 索引分别设置为 1,2,3（以及 3,2,1 只是为了它的地狱），这样它们就不会干扰，如建议的那样在此处的其他问题中，但无济于事。有人有什么想法吗？

CSS：http://pastebin.com/1KVTdBvF 站点：http://www.magratheamedia.com/npo

<div class="menu">  
<div class="container clearfix">

    <div id="logo" class="fleft">
        <a href="javascript:void(0);"><img src="images/logo.png" /></a>
    </div>

    <div id="nav" class="fright">
        <ul class="navigation">
            <li data-slide="1">Home</li>
            <li><a href="http://www.pn.npowned.net" target="_blank">Forum</a></li>
            <li><a href="http://pixelnations.wikia.com/wiki/New_Pacific_Order">Wiki</a></li>
            <li><a href="#gov" data-toggle="modal">Government</a></li>
            <li><a href="#charter" data-toggle="modal">Charter</a></li>
            <li><a href="http://www.pixelnations.net/index.php?id=16&nid=762">In-Game</a></li>
            <li><a href="#applicants" data-toggle="modal">Applicants</a></li>
            <li><a href="http://mibbit.com/#pnowned@irc.coldfront.net">IRC</a></li>


            <div class="clear"></div>
        </ul>
    </div>

</div>

Answer 1

您的问题不是 CSS，而是您的 jQuery。这一点，特别是：

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

当你找到你的链接时，像这样：

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

您必须以某种方式排除那些访问外部网站的网站。也许通过给模态链接他们自己的类名或其他东西。