Как перейти на другую страницу при нажатии кнопки Twitter Bootstrap?

Мне нужно отобразить страницу html, находящуюся в templates/home.html

У меня есть кнопка в 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 on?

Ответ 1

Насколько я могу судить, вы используете 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, ваш худший сценарий сделает ссылку бесполезной.

Ответ 2

Используйте: onclick="window.location=' ВСТАВЬТЕ ФАЙЛ ФАЙЛА HTML '" в теге кнопки

Один, который я подготовил раньше: <button class="btn" style="text-align:inherit" onclick="window.location='./Learn/'">« About HerdMASTER 4</button>

Я хотел пойти в каталог Learn из другого каталога в той же папке

Это более элегантное решение, использующее класс bootstrap, который включен, что означает, что вам не нужно взломать код на своей странице. Мне жаль, что было немного больше документации по функциям о различных классах для начальной загрузки, поскольку я понял это из приведенного выше кода, а не обнаружил его поиском google.

Ответ 3

Используйте это:

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

Ответ 4

Использовать onclick = "window.open('YourPage.aspx', '_ self');"

Пример:

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