Question

不能真的JSFiddle这个，但这个小提琴可以给出这个想法：http://jsfiddle.net/xBc5a/ GCT =谷歌关闭工具

<nav class="navbar navbar-inverse navbar-fixed-top role=navigation">
<div id="navbar-container" class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

        </button>
        <a class="navbar-brand" href="#">Codeshelf</a>
    <a class="navbar-brand" href="#"><img src="favicon.gif" width="24" height="24"></a>

    </div>
    <!-- links, dropdowns -->
</div>
<!-- /.container -->
</nav>

就此而言，没有简单的链接或链接，但您会看到折叠功能。 - 使窗户非常宽：右边没有按钮。 - 使窗口变窄，导航栏＆＃34;折叠＆＃34;，给出右侧的按钮。 - 再次使窗口变宽，右侧的按钮消失。（如果有下拉和链接，它们会回到导航栏上。）

投诉如下：在我的应用程序和GCT中使用Bootstrap 3.0.3，编译过程会破坏导航栏，如下所述： - 使窗户更宽或更窄。工作正常。当宽，下拉和链接工作。 - 但是，在折叠模式下触摸按钮后，导航栏会被破坏。 - 链接和下拉不来。 - 一旦窗口再次变宽，折叠的按钮仍然存在。所有功能都丢失了。

如果我不进行GCT编译，那么功能就完美了。我猜想在Bootstrap javascript代码中，需要定义一些externs或goog.exportSymbol（）。有没有人想出如何使用编译的GCT使navbar工作？

更多信息：5月1日

我更改为非折叠导航栏，如下所示：

    <div class="navbar-header">
    <!--  comment out the collapse button until it works in compiled code
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    -->

并且还将导航栏折叠类更改为twitter css没有的内容

    <!-- <div class="navbar-collapse collapse">  -->
    <div class="mystaticnavbar">

结果＆＃34;工作＆＃34;正如编译或未编译的预期。导航栏仍在较窄的屏幕上转换，但它不会折叠到单个按钮。相反，链接和下拉（在小提琴中丢失）垂直向左，如在扩展的移动格式中。由于导航栏隐藏了大部分可用页面，因此效果不佳。但至少在点击时不会丢失所有功能。（仅在封闭编译时。）

所有这一切，问题很可能与按钮隔离。

你如何使GCT编译不破坏导航栏？

0 个答案: