错字 3,流畅,bootstrap 导航栏
Typo3, fluid, bootstrap navigation bar
我正在尝试让我的第一个网站的导航栏正常工作,但我找不到我的错误。我正在使用 Typo3、Fluid 和 Bootstrap。当我在我的模板文件中手动创建一个导航栏时,它工作得很好,但无论我在这个错字文件中尝试什么,导航栏项目只是普通链接而不是导航项目。
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"
您可以试试下面的菜单拼写错误。
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"
}
}
}
谢谢,但它有同样的问题。我找到了原因。页面名称仍在
内
<a href="index.php?id=1">
当我手动改成
<a class="nav-link" href="index.php?id=1">
有效。但我不知道这在我的代码中来自哪里,也不知道我该如何更改它。
我正在尝试让我的第一个网站的导航栏正常工作,但我找不到我的错误。我正在使用 Typo3、Fluid 和 Bootstrap。当我在我的模板文件中手动创建一个导航栏时,它工作得很好,但无论我在这个错字文件中尝试什么,导航栏项目只是普通链接而不是导航项目。
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"
您可以试试下面的菜单拼写错误。
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"
}
}
}
谢谢,但它有同样的问题。我找到了原因。页面名称仍在
内<a href="index.php?id=1">
当我手动改成
<a class="nav-link" href="index.php?id=1">
有效。但我不知道这在我的代码中来自哪里,也不知道我该如何更改它。