时间戳

首页 > 解决方案 > $(document).ready 导航到新页面时不会触发

javascript - $(document).ready 导航到新页面时不会触发

问题描述

我正在开发一个 Rails 应用程序并放置一些 js 来启用提交按钮，只有当用户在输入中输入某些内容时。然后，我曾经$(document).ready调用该函数。当我第一次加载应用程序时它工作正常。但是，一旦我转到新链接，它就会停止工作。我一直在环顾四周，但建议的答案似乎都没有帮助。对此的任何帮助将不胜感激！

应用程序.js

//= require jquery
//= require popper
//= require bootstrap-sprockets
//= require rails-ujs
//= require turbolinks
//= require_tree .
//= require_self

// Global application events
var applicationHandler = (function() {
  // Per Design specs, a submit button on a form should be disabled until all form fields are filled out
  var verifyFormInputsBeforeSubmit = function() {
    $('form input').on('keyup', function() {
      var inputLengths = 0;
      var allInputs = $('input:not([type="submit"]');

      allInputs.each(function() {
        if ($(this).val()) {
          inputLengths += 1;
        }
      });

      if (inputLengths == allInputs.length) {
        $("input[type=submit]").removeAttr("disabled");
      } else {
        $("input[type=submit]").attr("disabled", "disabled");
      }
    });
  };

  return {
    verifyFormInputsBeforeSubmit: verifyFormInputsBeforeSubmit
  };
})();

$(document).ready(function() {
  console.log("wee");
  applicationHandler.verifyFormInputsBeforeSubmit();
});

我如何链接到新页面：

<%= link_to "Forgot password?", new_password_path(resource_name), class: 'small float-right' %>

应该注意的是，wee当我加载索引页面时，它会显示在控制台上，但是当我进入忘记密码页面时，什么都没有显示。如果我刷新忘记的密码，我会wee在控制台中看到 并且 js 运行。

标签： javascriptruby-on-rails

解决方案

我相信这与 turbolinks 有关，页面实际上并没有重新加载，因此您需要通过不同的事件运行代码： Rails 5: how to use $(document).ready() with turbo-links

推荐阅读