如何使用Twitter Bootstrap導航到按鈕上的另一個頁面？

我要呈現一個HTML頁面居住在templates/home.html如何使用Twitter Bootstrap導航到按鈕上的另一個頁面？

我index.html有一個按鈕爲：

<div id="browse_app"> 
    <button class="btn btn-large btn-info" type="button">Browse</button> 
</div>

所有我想要做的就是當我點擊Browse，它需要我home.html

我試着寫jQuery爲：

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

但由於負載需要把數據在某處當前頁面

我怎麼到home.html按鈕單擊此不起作用？

來源

2012-09-01 daydreamer

爲什麼不使用''Browse？如果您使用的是Bootstrap，則可以使用相同的CSS類將其設置爲按鈕形式。 –

您正在使用Twitter Bootstrap，對不對？ – Alexander

對！我正在使用Bootstrap – daydreamer

至於我可以告訴你正在使用Twitter Bootstrap。爲Buttons文檔解決你的觀點：

默認按鈕

按鈕樣式可以應用於應用了.btn類東西。但是，通常情況下，您只需要將它們應用於最佳渲染的<a>和<button>元素。

這是你想要什麼：

<div id="browse_app"> 
    <a class="btn btn-large btn-info" href="templates/home.html">Browse</a> 
</div>

在最壞的情況下，這樣的按鈕的渲染也不會好看，但連接一定會成功。使用JS，最糟糕的情況會導致鏈接無用。

來源

2012-09-01 20:08:47 Alexander

使用此：

$(function(){ 
    $('#browse_app').click(function(){ 
     window.location='templates/home.html' 
    }); 
});

來源

2012-09-01 20:04:28 Ankur

用途：onclick="window.location='插入HTML文件中的按鈕標籤這裏'"

一個我提前準備好了： <button class="btn" style="text-align:inherit" onclick="window.location='./Learn/'">« About HerdMASTER 4</button>

這是一個更優雅的解決方案，使用包含的引導類，這意味着您不必在代碼中加入代碼。我希望有更多關於引導程序的各種類的功能性文檔，因爲我從上述代碼中發現了這一點，而不是通過谷歌搜索找到它。

來源

2014-10-03 02:33:14 Slipoch

使用onclick =「window.open（'YourPage.aspx'，'_ self'）;」

例如：

<button type="submit" onclick="window.open('YourPage.aspx','_self');" class="btn btn-default">Your Page</button>

來源

2018-01-30 11:52:55

如何使用Twitter Bootstrap導航到按鈕上的另一個頁面？

回答

相關問題