Question

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

现在，点击后导航部分中其他网站的链接均无效。它注册它们在那里，如果你右键单击并选择“在新标签中打开”它可以工作，但除此之外，nada。一些相对链接（如果这是href =“＃xxx”的术语链接到页面上的内容）到模态弹出窗口工作正常。

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

从list标签中删除class =“navigation”似乎解决了链接问题。但是，将类放在标记上但从样式表中删除所有相关的CSS并不能解决问题，只是删除了样式。我无法弄清楚为什么会这样。

我已经尝试将我的背景，菜单和导航的z-indices分别设置为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');

您必须以某种方式排除转到外部网站的内容。也许通过给模态链接他们自己的类名或什么。

使用CSS破解的传出HTML链接

1 个答案: