Как перейти на другую страницу по нажатию кнопки с помощью 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, Этоtakes я тожеhome.html

Я пытался написатьjQuery как:

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

Но это не работает, так как загрузка должна поместить данные в текущую страницу

Как мне добраться доhome.html по нажатию кнопки?

 daydreamer01 сент. 2012 г., 22:06
право!! Я использую Bootstrap
 João Silva01 сент. 2012 г., 22:05
Почему бы не использовать<a href="templates/home.html">Browse</a>? Если вы используете Bootstrap, вы можете оформить его как кнопку, используя те же классы CSS.
 Alexander03 сент. 2012 г., 09:08
@daydreamer, не забывайте, чтоyou need to mark an answer
 Alexander01 сент. 2012 г., 22:06
Вы используете Twitter Bootstrap, верно?
 daydreamer03 сент. 2012 г., 18:13
просто сделал это Алекс :)

Ответы на вопрос(4)

Используйте onclick = "window.open (" YourPage.aspx "," _self "); & quot;

Например:

<button type="submit" onclick="window.open('YourPage.aspx','_self');" class="btn btn-default">Your Page</button>
Решение Вопроса

Насколько я могу сказать, вы используетеTwitter Bootstrap, Документация дляКнопки адрес вашей точки:

Default buttons

Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements for the best rendering.

Это то, что вы хотите:

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

В худшем случае рендеринг кнопки будет выглядеть не очень хорошо, но ссылка будет работать. Используя JS, ваш худший сценарий сделает ссылку бесполезной.

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

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

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

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

Использовать этот:

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

Ваш ответ на вопрос