À l'aide des listes déroulantes avec Jade et Bootstrap me donne $(“.dropdown-toggle”).liste déroulante n'est pas une fonction
Je vais essayer d'obtenir un Bootstrap déroulante travailler avec mes Jade mise en page. Mais en fait, je reçois ce message d'erreur quand j'essaie d'exécuter $(".dropdown-toggle").déroulant dans ma Jade-Fichier:
$ is undefined
$(".dropdown-toggle").dropdown is not a function
Pourquoi j'obtiens ce message d'erreur?
mise en page.jade
!!! 5
html
head
title= title
link(rel='stylesheet', href='/lib/bootstrap/css/bootstrap.min.css')
script(src='lib/bootstrap/js/bootstrap.min.js')
script(src='lib/jquery/jquery-1.7.1.min.js')
meta(name='viewport', content='width=device-width', initial-scale='1.0')
body!= body
index.jade
div.navbar.navbar-fixed-top
div.navbar-inner
div.container
a(data-toggle='collapse',data-target='.nav-collapse').btn.btn-navbar
a(href='#').brand #{title}
div.nav-collapse
ul.nav
li.active
a(href='#') Home
li
a(href='#') Blog
li
a(href='#') Contact
li(id='menu1').dropdown
a(data-toggle='dropdown', href='#menu1').dropdown-toogle Dropdown
b.caret
ul.dropdown-menu
li
a(href='#') Test
li
a(href='#') Test2
script
$('.dropdown-toggle').dropdown()
Vous devez vous connecter pour publier un commentaire.
Vous devez charger la base jQuery avant le bootstrap -