Javascript 引导下拉菜单在chrome应用程序中不起作用_Javascript_Twitter Bootstrap_Google Chrome App

Javascript 引导下拉菜单在chrome应用程序中不起作用

javascript twitter-bootstrap

Javascript 引导下拉菜单在chrome应用程序中不起作用,javascript,twitter-bootstrap,google-chrome-app,Javascript,Twitter Bootstrap,Google Chrome App,我在chrome应用程序中使用bootstrap，并尝试做一些基本的事情，比如使用下拉菜单。在我点击按钮后，所有的按钮似乎都没有“掉下来”。它只是一个样式化的按钮，似乎没有触发“单击”事件的代码引导版本：3.3.1 jQuery版本：2.1.3 我的third-party/css和third-party/js目录似乎具有常规和小型版本的引导。我不确定我是否可以只使用.min版本  <link href="assets/third-party/c

我在chrome应用程序中使用bootstrap，并尝试做一些基本的事情，比如使用下拉菜单。在我点击按钮后，所有的按钮似乎都没有“掉下来”。它只是一个样式化的按钮，似乎没有触发“单击”事件的代码

引导版本：3.3.1

jQuery版本：2.1.3

我的

third-party/css

和

third-party/js

目录似乎具有常规和小型版本的引导。我不确定我是否可以只使用

.min

版本

  <!-- CSS -->
  <link href="assets/third-party/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
  <!-- Single button -->
  <div class="btn-group">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
      Action <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
      <li><a href="#">Action</a></li>
      <li><a href="#">Another action</a></li>
      <li><a href="#">Something else here</a></li>
      <li class="divider"></li>
      <li><a href="#">Separated link</a></li>
    </ul>
  </div>

  <!-- JavaScript -->
  <script src="assets/third-party/js/jquery.min.js"></script>
  <script src="assets/third-party/js/bootstrap.min.js"></script>
</body>


行动

编辑我已经分离出，当浏览器直接打开

index.html

时，事情会起作用，但在chrome应用程序中打开时，示例简单下拉示例不起作用

为了消除任何歧义，可以使用示例chrome项目。

忘记了ID

<!-- CSS -->
      <link href="assets/third-party/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
      <!-- Single button -->
      <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="dropdownMenu1">
          Action <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </div>

      <!-- JavaScript -->
      <script src="assets/third-party/js/jquery.min.js"></script>
      <script src="assets/third-party/js/bootstrap.min.js"></script>
    </body>


行动


下拉列表

我把水晶球忘在办公室了。给“不工作”下定义。好的观点。谢谢你逼我问得更好。正在编辑…您是否验证脚本是否实际可用？有没有可能他们根本就没装东西？可能有什么东西。如何验证脚本是否实际可用？如果没有，我可以采取什么行动呢？你是否包含了dropdowns.js？也不起作用。这个问题似乎与在chrome应用程序中使用引导程序有关。请尝试使用脚本。为按钮id创建onClick函数，以在移动设备上切换下拉菜单。

<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        Dropdown
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Separated link</a></li>
    </ul>
</div>