Question

所以我为我的单页网站制作了一个导航栏，所有按钮都工作，然后转到我希望他们去的地方但是当我点击论坛时发生任何事情，这是我的HTML代码：

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


        <div id="nav" class="grid_9 omega">
            <ul class="navigation">
                <li data-slide="1">Acceuil</li>
                <li data-slide="2">A propos</li>
                <li data-slide="3">Serveur</li>
                <li data-slide="4">Contact</li>
                <li><a href="/forum">Forum</a></li>
            </ul>
        </div>

    </div>
</div>

这是我的CSS 我在ghostbin https://ghostbin.com/paste/2ctm9

中分享

我不知道这条线的错误<li><a href="/forum">Forum</a></li>为什么这不起作用？

这是我的网站http://gamenxtgen.multi-gaming.fr/

Answer 1

试试这个：<li><a href="../forum">Forum</a></li> 也许你失败了。

Answer 2

不应该像/forum.html吗？除非您使用某些.htaccess，否则链接应包含扩展名。

Answer 3

这是您网站上的代码：

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

...

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

论坛的链接也位于li中，因此preventDefault适用于该论坛，以阻止其转到该页面。

要解决此问题，您应该更清楚地定义您的变量（可能会为其添加一个类）。所以它不包括链接。也许像是

<li class="slides">Slide1</li>
<li class="slides">Slide2</li>
<li class="link">Forum</li>

var links = $('.slides');

Navbar无法打开链接

3 个答案: