Question

我有一个main.scala.html，它有标题，导航栏和标尺，如下所示 -

    @(title: String)(content: Html)

    <!DOCTYPE html>
    <html>
    <head>
            <ul  class="nav nav-justified" id="myTab">

              <li><a href="@routes.Application.apps()" data-toggle="tab">@Messages("views.main.apps")</a></li>
            <li ><a href="#" data-toggle="tab">@Messages("views.main.activity")</a></li>
            <li><a href="@routes.Application.devices()" data-toggle="tab">@Messages("views.main.devices")</a></li>
            <li><a href="#" data-toggle="tab">@Messages("views.main.account")</a></li>
            <li id="logout" data-toggle="tab"><a href="#">@Messages("views.main.logout")</a></li>
            </ul>
            <div id="showData">
            @content
            </div>
    </div>
</head>
<body>
    </body>
    </html>

页面内容应与标签一样显示。但是，单击选项卡时，页面内容不会显示。

请注意，在点击标签后，页面内容会先显示，但是在添加了数据切换=＆＃34;标签＆＃34;它停止显示的列表元素。

Answer 1

检查你的HTML代码：

...
<head>
    <ul  class="nav nav-justified" id="myTab">

缺少一个结束头和开始div标签。

Answer 2

在浏览器中预览Play生成的源代码，并使用内置的浏览器检查器来解决HTML错误（您也可以尝试使用W3C Validator验证它

如果您的观点与您显示的完全一致 - 无法生成有效的HTML文档

Twitter Bootstrap导航栏无法在PLAY框架中工作

2 个答案: