Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery插件不适用于Rails 4_Javascript_Jquery_Ruby On Rails_Ruby On Rails 4_Jquery Tags Input - Fatal编程技术网

Javascript Jquery插件不适用于Rails 4

Javascript Jquery插件不适用于Rails 4,javascript,jquery,ruby-on-rails,ruby-on-rails-4,jquery-tags-input,Javascript,Jquery,Ruby On Rails,Ruby On Rails 4,Jquery Tags Input,我是RoR和JS的新手,需要一些帮助来理解这些部分是如何组合在一起的。我已经阅读了大量的参考资料,我想我知道该怎么做,但我还是有点不知所措 我想创建一个用于输入标记的界面,很像这里的stackoverflow。我发现以下插件具有我最终想要处理的所有功能: 以下是我所做的: 1) 我下载了zip文件。 2) 我将jquery.tagsinput.js和jquery.tagsinput.min.js放入vendor/assets/javascripts中。 3) 我将jquery.tagsinput

我是RoR和JS的新手,需要一些帮助来理解这些部分是如何组合在一起的。我已经阅读了大量的参考资料,我想我知道该怎么做,但我还是有点不知所措

我想创建一个用于输入标记的界面,很像这里的stackoverflow。我发现以下插件具有我最终想要处理的所有功能:

以下是我所做的:

1) 我下载了zip文件。
2) 我将jquery.tagsinput.js和jquery.tagsinput.min.js放入vendor/assets/javascripts中。
3) 我将jquery.tagsinput.css放入供应商/资产/样式表中。
4) 在我的视图/nuggets/index.html.erb中,我添加了

5) 在我的app/assets/javascripts/nuggets.js.coffee中,我添加了
$('#tags').tagsInput()

当我注意到输入没有按预期工作时,我检查了页面的源代码,并注意到下面几行没有出现:

因此,我认为应该将
/=require jquery.tagsinput
添加到app/assets/javascripts/application.js,并将
*=require jquery.tagsinput
添加到app/assets/stylesheets/application.css

我相信回想起来,这一切看起来都是微不足道的,但我现在完全不知所措

谢谢你的帮助

草藤

编辑并添加@user1965817的信息:
app/assets/javascripts/application.js的内容:

app/assets/stylesheets/application.css的内容:


您的CSS不正确

您需要将require语句保留在文件顶部(不分开):

您已初始化标记JS吗?

为了初始化脚本,您必须能够“调用”插件,如下所示:

$('#tags').tagsInput({
    //parameters here
});

您的CSS不正确

您需要将require语句保留在文件顶部(不分开):

您已初始化标记JS吗?

为了初始化脚本,您必须能够“调用”插件,如下所示:

$('#tags').tagsInput({
    //parameters here
});
 *= require_self
 *= require_tree .
 *= require jquery.tagsinput
 */
$('#tags').tagsInput({
    //parameters here
});