0

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

现在,我的导航部分中的其他网站的链接在单击时都不起作用。它注册它们在那里,如果你右键单击它并选择“在新选项卡中打开”它可以工作,否则,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>

4

1 回答 1

0

你的问题不是 CSS,而是你的 jQuery。这尤其是:

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

当您找到您的链接时,如下所示:

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

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

于 2013-07-01T15:05:38.293 回答