Question

这是我的代码。正如您所看到的，是一组重定向到不同部分的锚点（此处更改为Twitter地址以测试代码）以及带有内部链接的最终下拉菜单。你也可以check it in bootply。正如您所看到的，链接无法正常工作。即使我拿出下拉菜单，它仍然无法正常工作。它没有任何作用，我对此无能为力。

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<style>
  .list-group.panel > .list-group-item {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
  }
  .list-group-submenu {
    margin-left:20px;
  }
</style>
<div class="list-group">
  <a href="http://twitter.com" class="list-group-item list-group-item-action disabled" id="10_2016" target="_blank">
    October 2016
    <span class="badge" data-toggle="tooltip" data-container="body" data-original-title="Active news">0</span>
    <span class="badge badge-gray pull-right" data-toggle="tooltip" data-container="body" data-original-title="Inactive news">0</span>
  </a>
  <a href="http://twitter.com" class="list-group-item list-group-item-action" id="9_2016" target="_blank">
    September 2016
    <span class="badge" data-toggle="tooltip" data-container="body" data-original-title="Active news">2</span>
    <span class="badge badge-gray pull-right" data-toggle="tooltip" data-container="body" data-original-title="Inactive news">0</span>
  </a>
  <!-- Here go more months -->
  <a aria-expanded="true" href="#SubMenu1" class="list-group-item active" data-toggle="collapse" data-parent="#SubMenu1">
    Historic <i class="fa fa-caret-down"></i>
    <span class="badge">1</span>
  </a>
  <div aria-expanded="true" style="" class="list-group-submenu collapse in" id="SubMenu1">
    <a href="http://twitter.com" class="list-group-item active" data-parent="#SubMenu1" target="_blank">
      2015
      <span class="badge">1</span>
    </a>
    <!-- Here go more years -->
  </div>
</div>

＆＃13;

由于@MoshFeu和@almostabeginner已在评论中得到证明，代码可以正常运行，但它在我的项目中并不起作用。在这里，我添加了一些有关此代码环境的详细信息以及我尝试过的内容：该项目是PHP，html是在类中的函数中准备的，并在引导程序中的列和行内回显。我已经通过twitter URL更改了href中的内部URL，以确保路径不错。我在该页面上的js非常少。在控制台中，我看不到任何格式错误的html或js错误。该页面有一些特定的样式，但链接的唯一样式是关于它们的颜色。所以我不知道还能尝试什么。

Answer 1

我认为这是因为你设置了target="_blank"，删除该行并且它应该有用。

http://www.bootply.com/VX0dtnLSbF

显然bootply不允许新窗口，我试过

onclick="window.open(this.href,'_blank');return false;"

在bootply中，它仍然无效，但链接有效。

如果您想调试JS我建议使用Chrome“检查”功能，这将使您的生活变得轻松。

编辑添加：

这是您点击Twitter链接时收到的消息：

拒绝在一个框架中显示“https://twitter.com/”因为祖先违反了以下内容安全策略指令： “框架 - 祖先'自我'”。

简单地说，bootply不允许它，否则链接工作正常。

Answer 2

在一个愚蠢的包含文件中，这是一个愚蠢的e.preventdefault。对不起，我让你失去了时间！

Bootstrap list-group内的链接不起作用

2 个答案: