Jquery 如何使用标签管理器？_Jquery_Tags

Jquery 如何使用标签管理器？

jquery tags

Jquery 如何使用标签管理器？,jquery,tags,Jquery,Tags,谁能给我展示一下这个标签管理器的一个简单实现，让它在一个简单的html文件上工作我确实尝试自己实现它，如下所示，但我无法让它工作 <html> <head> <title>tags example</title> <script type="text/javascript" src="assets/js/bootstrap-tagmanager.js"></script> <scrip

谁能给我展示一下这个标签管理器的一个简单实现，让它在一个简单的html文件上工作

我确实尝试自己实现它，如下所示，但我无法让它工作

<html>
<head>
     <title>tags example</title>
     <script type="text/javascript" src="assets/js/bootstrap-tagmanager.js"></script>
     <script type="text/javascript" src="assets/css/bootstrap-tagmanager.css"></script>
     <script src="assets/js/jquery-1.9.0.min.js" type="text/javascript"></script>
 </head>
 <body>

 <input type="text" name="tags" placeholder="Tags" class="tagsManager"/>

 <script src="assets/js/angular/angular.min.js"></script>
 <script src="assets/js/angular/angular-resource.min.js"></script>
 <script src="assets/js/app.js"></script>
 <script src="assets/js/controllers.js"></script>
 <script src="assets/js/jquery-ui-1.10.0.custom.min.js" type="text/javascript">                    </script>
 <script src="assets/js/bootstrap.min.js" type="text/javascript"></script>

 <script type="text/javascript">
     jQuery(".tagManager").tagsManager({
         prefilled: ["Pisa", "Rome"],
         CapitalizeFirstLetter: true,
         preventSubmitOnEnter: true,
         typeahead: true,
         typeaheadAjaxSource: null,
         typeaheadSource: ["Pisa", "Rome", "Milan", "Florence", "New York", "Paris",      "Berlin", "London", "Madrid"],
         delimeters: [44, 188, 13],
         backspace: [8],
         blinkBGColor_1: '#FFFF9C',
         blinkBGColor_2: '#CDE69C',
         hiddenTagListName: 'hiddenTagListA'
     });
 </script>

 </body>
 </html>


标签示例
jQuery（“.tagManager”）.tagsManager({
预填：[“比萨”、“罗马”]，
第一个字母：对，
输入：对，
是的，
typeaheadAjaxSource:null，
typeaheadSource:[“比萨”、“罗马”、“米兰”、“佛罗伦萨”、“纽约”、“巴黎”、“柏林”、“伦敦”、“马德里”]，
delimeters:[4418813]，
退格：[8]，
blinkBGColor_1:“#FFFF9C”，
blinkBGColor_2:“#CDE69C”，
hiddenTagListName:“hiddenTagListA”
});

检查一下，您还没有添加隐藏字段hiddenTagListA

从此处更改代码

 <script type="text/javascript" src="assets/js/bootstrap-tagmanager.js"></script>
 <script type="text/javascript" src="assets/css/bootstrap-tagmanager.css"></script>
 <script src="assets/js/jquery-1.9.0.min.js" type="text/javascript"></script>

 <script type="text/javascript">
 jQuery(".tagManager").tagsManager({
     prefilled: ["Pisa", "Rome"],
     CapitalizeFirstLetter: true,
     preventSubmitOnEnter: true,
     typeahead: true,
     typeaheadAjaxSource: null,
     typeaheadSource: ["Pisa", "Rome", "Milan", "Florence", "New York", "Paris",      "Berlin", "London", "Madrid"],
     delimeters: [44, 188, 13],
     backspace: [8],
     blinkBGColor_1: '#FFFF9C',
     blinkBGColor_2: '#CDE69C',
     hiddenTagListName: 'hiddenTagListA'
 });
</script>


jQuery（“.tagManager”）.tagsManager({
预填：[“比萨”、“罗马”]，
第一个字母：对，
输入：对，
是的，
typeaheadAjaxSource:null，
typeaheadSource:[“比萨”、“罗马”、“米兰”、“佛罗伦萨”、“纽约”、“巴黎”、“柏林”、“伦敦”、“马德里”]，
delimeters:[4418813]，
退格：[8]，
blinkBGColor_1:“#FFFF9C”，
blinkBGColor_2:“#CDE69C”，
hiddenTagListName:“hiddenTagListA”
});

对此

 <link href="assets/css/bootstrap-tagmanager.css" rel="stylesheet" type="text/css" />
 <script src="assets/js/jquery-1.9.0.min.js" type="text/javascript"></script>
 <script type="text/javascript" src="assets/js/bootstrap-tagmanager.js"></script>

 <script type="text/javascript">
  $(function () {
    $(".tagsManager").tagsManager({
     prefilled: ["Pisa", "Rome"],
     CapitalizeFirstLetter: true,
     preventSubmitOnEnter: true,
     typeahead: true,
     typeaheadAjaxSource: null,
     typeaheadSource: ["Pisa", "Rome", "Milan", "Florence", "New York", "Paris",      "Berlin", "London", "Madrid"],
     delimeters: [44, 188, 13],
     backspace: [8],
     blinkBGColor_1: '#FFFF9C',
     blinkBGColor_2: '#CDE69C',
     hiddenTagListName: 'hiddenTagListA'
  });
});
 </script>


$（函数（）{
$（“.tagsManager”）.tagsManager({
预填：[“比萨”、“罗马”]，
第一个字母：对，
输入：对，
是的，
typeaheadAjaxSource:null，
typeaheadSource:[“比萨”、“罗马”、“米兰”、“佛罗伦萨”、“纽约”、“巴黎”、“柏林”、“伦敦”、“马德里”]，
delimeters:[4418813]，
退格：[8]，
blinkBGColor_1:“#FFFF9C”，
blinkBGColor_2:“#CDE69C”，
hiddenTagListName:“hiddenTagListA”
});
});

您的jQuery选择器应该是

$（'.tagsManager'）

而不是

$（'.tagManager'）

。您好，我尝试更改该alraedy，但仍然无法工作。你能告诉我你是如何通过附加你的代码来工作的吗？天哪。成功了！非常感谢！现在我要玩它。谢谢，可以给标签一个要附加的位置吗？由于它们似乎只是直接添加到输入框的左侧，是否可以将它们附加到另一个文本框中，作为创建的所有标记的容器？？？