Javascript 未捕获的TypeError:$（…）。标记字段不是函数_Javascript_Jquery_Twitter Bootstrap_Jsp

Javascript 未捕获的TypeError:$（…）。标记字段不是函数

javascript jquery twitter-bootstrap jsp

Javascript 未捕获的TypeError:$（…）。标记字段不是函数,javascript,jquery,twitter-bootstrap,jsp,Javascript,Jquery,Twitter Bootstrap,Jsp,我是jQuery和Bootstrap的新手。在我决定使用Bootstrap Tokenfield添加一个基于标记的搜索系统之前，一切都很顺利现在，当我尝试执行我的jsp页面时，我得到：uncaughttypeerror:$（…）。tokenfield不是一个函数这是我的.jsp页面 JQuery导入 <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" ty

我是jQuery和Bootstrap的新手。在我决定使用Bootstrap Tokenfield添加一个基于标记的搜索系统之前，一切都很顺利

现在，当我尝试执行我的jsp页面时，我得到：uncaughttypeerror:$（…）。tokenfield不是一个函数

这是我的.jsp页面

JQuery导入

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<link rel="stylesheet" href="/webjars/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="/webjars/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<title></title>

</head>

组件声明

<input type="text" class="form-control" id="tokenfield" value="red,green,blue" />
$('#tokenfield').tokenfield({
  autocomplete: {
    source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
    delay: 100
  },
  showAutocompleteOnFocus: true
})


$（'#tokenfield'）。tokenfield({
自动完成：{
资料来源：[“红色”、“蓝色”、“绿色”、“黄色”、“紫色”、“棕色”、“紫色”、“黑色”、“白色”]，
延误：100
},
showAutocompleteOnFocus：真
})

我在哪里工作？我忘记带东西了？

试试这个，你必须在index.html中包含

bootstrap-tokenfield.js

<input type="text" class="form-control" id="tokenfield" value="red,green,blue" />

$('#tokenfield').tokenfield({
  autocomplete: {
    source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
    delay: 100
  },
  showAutocompleteOnFocus: true
})


$（'#tokenfield'）。tokenfield({
自动完成：{
资料来源：[“红色”、“蓝色”、“绿色”、“黄色”、“紫色”、“棕色”、“紫色”、“黑色”、“白色”]，
延误：100
},
showAutocompleteOnFocus：真
})

DOM告诉您它不知道tokenfield函数，因为它没有在您的头中声明，所以您必须先加载这两个文件，然后再使用它：

1-加载

dist/bootstrap tokenfield.min.js

2-在HTML中加载

dist/css/bootstrap tokenfield.css

让你的代码保持原样

注意：这两个库需要满足以下要求：jQuery 1.9+，Bootstrap 3+（仅CSS）

库链接在这里：

没有您选择的令牌字段

id

，引导中也没有包含令牌字段的函数，我想没有包含JS“bootstrap tokenfield.min.JS”。检查js bootstrap-tokenfield.min.js并将其包括在内。tokenfield是一个函数，它不在您正在加载的默认包中。您应该导入他的私有包，这与Premand K所说的情况不同。：-）