Bootstrap按钮链接无法工作

Question

Bootstrap按钮链接无法工作，请查看下面的代码：

<ul>
  <li>
      <a href="home.aspx?Id=146">
            <button class="btn btn-primary btn">Button Link</button>             
      </a>
 </li>
</ul>

我使用Firebug进行开发，有没有一个简单的地方可以查看附加了哪些JavaScript事件以及哪些对象（例如此按钮类）？很难调试，因为不知道哪些代码被调用以及在Bootstrap和其他外部JS文件中的哪些事件上。

- user3231982

---

为什么需要在锚点标签（anchor tag）内部添加按钮（button）？只需将“btn btn-primary”类添加到锚点标签即可。 - Abhidev

Answer 1

或者，你可以使用看起来像按钮一样的链接。

<a href="home.aspx?Id=146" class="btn btn-primary">Button Link</a>

- Zim

Answer 2

将 a 标签移除，并将 window.location.href 添加到按钮的 onclick 中。

<button class="btn btn-primary btn" 
        onclick="window.location.href='home.aspx?Id=146'; return false;">
        Button Link
</button>

- zzlalani

---

我认为我们应该避免将JavaScript与HTML混合在一起，对吗？ - Doug