Вопрос по javascript, twitter-bootstrap, jquery – Как перейти на другую страницу по нажатию кнопки с помощью Twitter Bootstrap?

14

Я должен сделать 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 по нажатию кнопки?

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

Ваш Ответ

4   ответа
44

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

10

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

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

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

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

-1

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

Например:

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

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

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

Похожие вопросы