css - 传出 HTML 链接被 CSS 破坏

Question

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

现在，点击我的导航部分中的其他网站链接时，它们都不起作用。它记录它们在那里，如果您右键单击它并选择“在新选项卡中打开”它会起作用，否则，nada。不过，模式弹出窗口的一些相关链接(如果这是 href="#xxx"链接到页面内容的术语)工作正常。

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

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

我已经尝试将我的背景、菜单和导航的 z 索引分别设置为 1、2、3(和 3、2、1 只是为了它的 hell )，这样它们就不会按照建议进行干扰在这里的其他问题，但无济于事。有人有什么想法吗？

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');

您必须以某种方式排除那些转到外部站点的内容。也许通过给模式链接他们自己的类名或其他东西。