Twitter bootstrap 3 在XPages中使用SSJS或CSJS切换Pill或Nav Visible属性

我有一段非常复杂的SSJS，它确定在SSJS将viewScope.vsPillVisible设置为true或false时，ul class=“nav nav pills”导航器中的特定药丸是否可见。到现在为止，一直都还不错。现在我怎么才能把它拿到药丸里去。假设药片列表如下所示：

<ul class="nav nav-tabs">
  <li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown” href="#">Menu 1
<spanclass="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Submenu 1-1</a></li>
<li><a href="#">Submenu 1-2</a></li>
<li><a href="#">Submenu 1-3</a></li>
</ul>

现在，如果vsPillVisible==false，我想隐藏下拉选项卡。我相信我需要设置一个属性，但不确定这可以在SSJS中完成，然后设置什么属性。

---

非常感谢您的帮助。

您可以将SSJS代码添加到以

开头的标记中。我以前做过类似的事情，但它成功了，但下拉列表被替换掉了（没有在药片下面排列。我一定是把xp:panel包装错了。无论如何，这很好。感谢一些进一步的发现。在我之前尝试将下拉列表包装在xp:panel中时，我一直将其包装在div class=“dropdown”上下拉菜单可以正常工作，但会弄乱按钮的显示，下拉菜单会向右移动（没有在药片下面对齐。我将其向下移动了一层，并将其包裹起来li class=“dropdown”避孕药显示正确，下拉列表放置正确。因此，最初我有一个正确的想法，我只是用面板包装了错误的元素。我大致了解了它在将元素视为容器时的行为方式。还有一条信息，我在div--div类中声明了下拉类=“下拉”功能正常，直到您尝试将div包装在面板中时才会出现一些奇怪的情况。将div更改为an li，现在您可以将其包装在面板中，并以您期望的方式工作。可怕的想法是，我可能会理解此引导功能！比尔，非常适合您。您是否使用
disableOutputTag=“false？”“
在这种情况下？如果是，我会将其添加到我的代码示例中。我已将其与disableOutputTag=“false”一起使用，并将其设置为true，但我看不到函数中有任何差异。设置它有何优点/缺点？