bootstrap barre de navigation bouton à bascule n'est pas de travail
Je suis en train de travailler sur un thème wordpress responsive avec Bootstrap v3.0.2.
Mobile/tablette navigateurs au lieu de l'ensemble du menu, j'ai besoin de montrer le Bootstrap le bouton à bascule. Mon bouton est affiché, mais quand je clique dessus rien ne se passe. C'est le code que j'ai écrit dans mon header.php
:
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
Et celui que j'ai écrit dans function.php
:
function wpt_register_js() {
wp_register_script(
'jquery.bootstrap.min',
get_template_directory_uri() . '/js/bootstrap.min.js',
'jquery'
);
wp_enqueue_script('jquery.bootstrap.min');
}
add_action( 'init', 'wpt_register_js' );
function wpt_register_css() {
wp_register_style(
'bootstrap.min',
get_template_directory_uri() . '/css/bootstrap.min.css'
);
wp_enqueue_style( 'bootstrap.min' );
}
add_action( 'wp_enqueue_scripts', 'wpt_register_css' );
l'footer.php le code contient:
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<?php wp_footer();?>
</body>
l'header.php contient:
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php wp_title('|', true, 'right'); ?></title>
<link href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css" type="text/css">
<link href="<?php echo get_template_directory_uri(); ?>/css/style.css" type="text/css">
<?php wp_head(); ?>
</head>
cette question est résolue par l'utilisation de la réponse de la Basse Jobsen.merci ami
- compte tenu de réponse sera de résoudre votre problème, si il existe toujours, de partager des url où il est question
Vous devez vous connecter pour publier un commentaire.
Veuillez lire http://getbootstrap.com/components/#navbar premier. Votre barre de navigation nécessite l'activation de javascript:
Assurez-vous d'inclure bootstrap.js dans votre document. Vous avez oublié de charger ce peut-être?
mise à jour basé sur de nouvelles informations dans votre question:
mettre en file d'attente tous vos javascripts et css functions.php et de les supprimer à partir de votre header.php et footer.php
javascript:
css:
wp_enqueue_scripts
au lieu de jquery pour la plupart. Je n'attends pas cela la cause de votre problème. Vous aurez également à mettre en file d'attente jquery. Si possible, de montrer une url avec la représentation de votre problème.vous devez :
Actuellement, vous avez :
La sortie de la console de confirmer ce que nous pouvons deviner :
Lorsque vous chargez Bootstrap.js jQuery n'est pas encore chargé.
J'ai Ajouté le code ci-dessus à mon code HTML et elle a travaillé sur IE bien!! MERCI!!!!!