第二次访问页面时未应用 Rails css/js

nab1994

我正在尝试为我的 rails 应用程序实现所选的插件和日期选择器,但在第二个页面访问时遇到问题(不是页面重新加载,重新加载页面实际上刷新了插件并将它们带回来),插件- ins 出现然后很快消失,几乎就像它们被重置一样。

我试过搜索这个问题,但我还没有真正在 Rails 上看到任何东西,我认为这与脚本的提供方式和引导程序的 css/js 文件有关,但我不确定也不能查明它。

我的页面加载时也会出现 [缓存未命中],如果这有所不同的话。

我尝试过的事情:

  • 在 application.js 和 application.css 中切换 my requires 的顺序
  • 移动jQuery初始化插件直接到_form.erb.html页面
  • 将 jQuery 移动到 application.js 中的 document.ready
  • 删除所说的 document.ready(并使用 document.bind)
  • 在 document.ready 中使用 setTimeout 作为快速修复以在“重置”后将它们设置回去(这里没有骰子)
  • 当我怀疑部分的 js 由于某种奇怪的原因覆盖 .chosen 和 .datepicker 时删除部分(不是这种情况)

这是一些代码,我觉得这是我错过的愚蠢和简单的东西。

//= 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 turbolinksapplication.js并重新启动应用程序来确认这一点如果您的应用程序中确实需要 turbolinks,请查看以下链接以解决此问题。

Rails 4:如何将 $(document).ready() 与 turbo-links 一起使用

希望能帮助到你。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

部署到heroku时,Rails无法在第二次通话时保留会话

来自分类Dev

使用 Rails 使用搜索字段进行第二次查询时出现奇怪的错误

来自分类Dev

Rails 4:我可以第二次打开模型来定义方法吗?

来自分类Dev

Rails中的update.js需要第二次提交

来自分类Dev

jQuery mobile-第二次访问页面后未触发javascript

来自分类Dev

Rails后台工作者总是第一次失败,第二次工作

来自分类Dev

如何在第二次访问WordPress页面时隐藏引导程序模式

来自分类Dev

JSP页面第二次访问时省略属性值

来自分类Dev

为什么对链接的请求在 Rails 中第二次在生产环境中运行时会变慢?

来自分类Dev

Android(4.4+)WebView第二次未显示iframe页面内容

来自分类Dev

Android(4.4+)WebView第二次未显示iframe页面内容

来自分类Dev

应用程序第二次运行时拒绝访问文件

来自分类Dev

第二次查看页面时如何更改代码

来自分类Dev

当用户第二次打开页面时创建cookie

来自分类Dev

访客第二次单击链接时如何显示不同的页面

来自分类Dev

第二次打开时,离子视图不更新页面

来自分类Dev

响应仅在第二次请求时写入页面

来自分类Dev

第二次单击后页面是否刷新?

来自分类Dev

彩色框在第二次单击时未打开

来自分类Dev

在倒数第二次未返回承诺时,无法调用递归承诺

来自分类Dev

第二次发送动作时未触发佐贺

来自分类Dev

骨干网视图在第二次获取时未更新

来自分类Dev

JPanel在第二次加载时未显示图像

来自分类Dev

我不希望引导游览在第二次访问时开始

来自分类Dev

我不希望引导游览在第二次访问时开始

来自分类Dev

Windows 10 仅在第二次尝试访问 IP 时发送 ARP 请求

来自分类Dev

Angular 2 - 尝试第二次访问链接/组件时 RouteChange 不起作用

来自分类Dev

jQuery中的DatePicker未第二次加载

来自分类Dev

单选按钮的值第二次未更改

Related 相关文章

  1. 1

    部署到heroku时,Rails无法在第二次通话时保留会话

  2. 2

    使用 Rails 使用搜索字段进行第二次查询时出现奇怪的错误

  3. 3

    Rails 4:我可以第二次打开模型来定义方法吗?

  4. 4

    Rails中的update.js需要第二次提交

  5. 5

    jQuery mobile-第二次访问页面后未触发javascript

  6. 6

    Rails后台工作者总是第一次失败,第二次工作

  7. 7

    如何在第二次访问WordPress页面时隐藏引导程序模式

  8. 8

    JSP页面第二次访问时省略属性值

  9. 9

    为什么对链接的请求在 Rails 中第二次在生产环境中运行时会变慢?

  10. 10

    Android(4.4+)WebView第二次未显示iframe页面内容

  11. 11

    Android(4.4+)WebView第二次未显示iframe页面内容

  12. 12

    应用程序第二次运行时拒绝访问文件

  13. 13

    第二次查看页面时如何更改代码

  14. 14

    当用户第二次打开页面时创建cookie

  15. 15

    访客第二次单击链接时如何显示不同的页面

  16. 16

    第二次打开时,离子视图不更新页面

  17. 17

    响应仅在第二次请求时写入页面

  18. 18

    第二次单击后页面是否刷新?

  19. 19

    彩色框在第二次单击时未打开

  20. 20

    在倒数第二次未返回承诺时,无法调用递归承诺

  21. 21

    第二次发送动作时未触发佐贺

  22. 22

    骨干网视图在第二次获取时未更新

  23. 23

    JPanel在第二次加载时未显示图像

  24. 24

    我不希望引导游览在第二次访问时开始

  25. 25

    我不希望引导游览在第二次访问时开始

  26. 26

    Windows 10 仅在第二次尝试访问 IP 时发送 ARP 请求

  27. 27

    Angular 2 - 尝试第二次访问链接/组件时 RouteChange 不起作用

  28. 28

    jQuery中的DatePicker未第二次加载

  29. 29

    单选按钮的值第二次未更改

热门标签

归档