Comment naviguer vers une autre page en cliquant sur bouton avec Twitter Bootstrap?

Je dois rendre une page html résidant dans les templates/home.html

J'ai un bouton dans index.html comme index.html :

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

Tout ce que je veux faire, c'est quand je clique sur Browse , il me home.html à home.html

J'ai essayé d'écrire jQuery comme:

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

Mais cela ne fonctionne pas car la charge doit mettre des données quelque part dans la page actuelle

Comment puis-je accéder à home.html au home.html du bouton?

Pour autant que je puisse vous dire, utilisez Twitter Bootstrap . La documentation pour les boutons répond à votre point:

Boutons par défaut

Les styles de boutons peuvent être appliqués à n'importe quoi avec la classe .btn appliquée. Cependant, vous devrez généralement appliquer ces éléments à des éléments <a> et <button> pour le meilleur rendu.

Voici ce que tu veux:

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

Dans le pire des cas, de cette façon, le rendu du bouton ne sera pas sympa, mais le lien fonctionnera. En utilisant JS, votre pire scénario rendra le lien inutile.

Utilisation: onclick="window.location=' INSERT HTML FILE HERE '" dans votre balise de bouton

J'ai préparé plus tôt: <button class="btn" style="text-align:inherit" onclick="window.location='./Learn/'">« About HerdMASTER 4</button> <button class="btn" style="text-align:inherit" onclick="window.location='./Learn/'">« About HerdMASTER 4</button>

Je voulais aller au répertoire Apprendre d'un autre répertoire dans le même dossier

C'est une solution plus élégante utilisant la classe bootstrap incluse, ce qui signifie que vous ne devez pas pirater le code dans votre page. J'aimerais qu'il y ait un peu plus de documentation sur les différentes classes de bootstrap, car je l'ai découvert du code ci-dessus plutôt que de le trouver par une recherche Google.

Utilisez ceci:

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