我试图在最后几天徒劳地实现jQuery标签管理器(http://welldonethings.com/tags/manager)......
环境如下: 它是一个由bootstrap驱动的网站,上面有几个元素,应该能够被标记(在引导模式中)。
到目前为止我做了什么: 我已将tagManager类添加到输入字段中。
<form>
<input type="text" name="tags_0" placeholder="Tags" class="tagManager">
</form>
此外,在我的网站的头部分,我已经包含了一个自定义的javascript文件:
<script type='text/javascript' src="js/javascript.js"></script>
该文件如下所示:
jQuery(".tagManager").tagsManager();
当然还有jQuery lib和bootstrap&amp;包含了TagsManager css文件。
然而,当我输入标签时,它会使用get-variable“?tags_0 = test”重新加载网站
我现在有点沮丧。它似乎很简单,但我无法让它工作......
祝你好运, 尼科
答案 0 :(得分:0)
这可能不会帮助原始海报,因为这是前一段时间被问到的,但我遇到了完全相同的问题,当我寻求帮助时,我发现了这个问题,所以我的回答可能会帮到最终的人这里有同样的问题。
我也试图使用这个jQuery插件,我也很难让它运行起来。花了几个小时检查代码并寻求帮助,但总是得出结论代码是正确的,所以我不知道出了什么问题。然而,不知何故,它开始工作。 我注意到的一件事是,如果我首先调用css文件然后调用js文件,它会显示一些奇怪的东西,它应该有“x”来删除标记。但是如果我首先调用js文件然后调用css文件,它将完美地工作。
这是我使用的代码:
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap-tagmanager.js"></script>
<link href="bootstrap-tagmanager.css" rel="stylesheet" type="text/css">
</head>
<body>
<input type="text" name="products" placeholder="Add your Products" class="tagManager">
<script>
jQuery(".tagManager").tagsManager();
</script>
</body>
希望这有助于某人。