Question

我试图让我的第一个网站的导航栏工作，但我找不到我的错误..我正在使用Typo3，Fluid和Bootstrap。当我在我的模板文件中手动创建导航栏时，它工作得非常好，但无论我在这个typoscript文件中尝试什么，导航栏项目只是普通链接而不是导航项目。

lib.navbar = HMENU
lib.navbar {
entryLevel = 1

1 = TMENU
1 {
    wrap = <ul class="navbar-nav">|</ul>
    NO = 1
    NO {
        wrapItemAndSub = <li class="nav-item">|</li>
        stdWrap.htmlSpecialChars = 1
        ATagTitle.field = title 
    }

    ACT <.NO
    ACT {
        wrapItemAndSub = <li class="nav-item active">|</li>
    }
}
}

我在我的模板中调用这个文件

<f:cObject typoscriptObjectPath="lib.navbar" />

我的模板中的这个简单的复制面食

<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Navbar</a>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
  <li class="nav-item active">
    <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Disabled</a>
  </li>
</ul>

</div>
</nav>

好像是

wrap = <ul class="navbar-nav">|</ul>

会被忽略但是当我尝试

时

wrap = <h1><ul class="navbar-nav">|</ul></h1>

h1有效。

修改：用以下行修正：

ATagParams = class="nav-link"

Answer 1

您可以尝试下面的菜单typoscript。

lib.navbar = HMENU
lib.navbar{ 
  1 = TMENU
  1{
    expAll = 1
    wrap = <ul class="navbar-nav mr-auto">|</ul>
    NO {
        allWrap = <li class="nav-item"> | </li>
        ATagParams = class="nav-link"
    }

    ACT = 1
    ACT {
        wrapItemAndSub = <li class="nav-item active"> | <span class="sr-only">(current)</span></li>
        ATagParams = class="nav-link"
    }
  }
}

Answer 2

谢谢，但它有同样的问题。我找到了原因。页面名称仍在

中

<a href="index.php?id=1">

当我手动将其更改为

时

<a class="nav-link" href="index.php?id=1">

它有效。但我不知道这些来自我的代码或我如何改变它。

Typo3，流体，自举导航栏

2 个答案: