如何使用Twitter Bootstrap按钮点击导航到另一个页面？

我必须渲染一个驻留在templates/home.html的html页面

我在index.html有一个按钮：

 
 Browse  

我想要做的就是当我点击Browse ，它会把我带到home.html

我试着把jQuery写成：

 // onClick on 'Browse' load the internal page $(function(){ $('#browse_app').click(function(){ $.load('templates/home.html'); }); }); 

但这不起作用，因为加载需要将数​​据放在当前页面的某个位置

如何点击按钮进入home.html ？

Answer 1

据我所知，你正在使用Twitter Bootstrap 。 Buttons的文档解决了你的观点：

默认按钮

按钮样式可应用于应用了.btn类的任何内容。 但是，通常您只想将这些应用于和元素以获得最佳渲染效果。

这就是你想要的：

 
 Browse  

在最坏的情况下，这种方式的按钮渲染看起来不会很好，但链接会起作用。 使用JS，您最糟糕的情况将使链接无用。

Answer 2

在你的按钮标签中使用： onclick="window.location='插入HTML文件'"

我之前准备的一个： « About HerdMASTER 4 « About HerdMASTER 4

我想从同一文件夹中的另一个目录转到目录Learn

使用包含的引导类是一个更优雅的解决方案，这意味着您不必将代码破解到页面中。 我希望有更多关于bootstrap的各种类的function文档，因为我从上面的代码中找到了这个，而不是通过谷歌搜索找到它。

Answer 3

用这个：

 $(function(){ $('#browse_app').click(function(){ window.location='https://stackoverflow.com/questions/12230981/how-do-i-navigate-to-another-page-on-button-click-with-twitter-bootstrap/templates/home.html' }); }); 

Answer 4

使用onclick =“window.open（’YourPage.aspx’，’_ self’）;”

例如：

 Your Page