jQuery标签管理器 - 页面将重新加载get变量

时间:2013-04-24 17:06:32

标签: jquery-plugins

我试图在最后几天徒劳地实现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”重新加载网站

我现在有点沮丧。它似乎很简单,但我无法让它工作......

祝你好运, 尼科

1 个答案:

答案 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>

希望这有助于某人。