我正在尝试为我的 rails 应用程序实现所选的插件和日期选择器,但在第二个页面访问时遇到问题(不是页面重新加载,重新加载页面实际上刷新了插件并将它们带回来),插件- ins 出现然后很快消失,几乎就像它们被重置一样。
我试过搜索这个问题,但我还没有真正在 Rails 上看到任何东西,我认为这与脚本的提供方式和引导程序的 css/js 文件有关,但我不确定也不能查明它。
我的页面加载时也会出现 [缓存未命中],如果这有所不同的话。
我尝试过的事情:
这是一些代码,我觉得这是我错过的愚蠢和简单的东西。
//= require rails-ujs
//= require turbolinks
//= require jquery.min
//= require jquery_ujs
//= require jquery-ui
//= require_tree .
//= require chosen.jquery.min
//= require bootstrap-datepicker
$(document).ready(function(){
$('.chosen').chosen(
{
allow_single_deselect: true,
no_results_text: 'No results matched',
width: '200px'
}
);
$('.datepicker').datepicker();
});
和 application.css
/*
*= require_tree .
*= require_self
*= require chosen.min
*= require datepicker
*/
有问题的 _form.html.erb
<div class="field">
<%= form.label :customer_id %>
<%# form.text_field :customer_id, id: :order_customer_id %>
<%= collection_select( :order, :customer_id, @customers, :id, :name,{selected: order.customer_id, prompt: false}, { class: 'chosen' }) %>
</div>
<div class="field">
<%= form.label :date %>
<%# form.date_select :date, id: :order_date, class: 'datepicker' %>
<%= form.text_field :date, default: 'Pick a date', class: 'datepicker' %>
</div>
我认为turbolinks做到了。您可以通过删除文件中的//= require turbolinks
行application.js
并重新启动应用程序来确认这一点。如果您的应用程序中确实需要 turbolinks,请查看以下链接以解决此问题。
Rails 4:如何将 $(document).ready() 与 turbo-links 一起使用
希望能帮助到你。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句