为什么 'javascript_pack_tag' 只适用于 'body' 而不是 html 'head' (Rails 6 和 webpack)
Why 'javascript_pack_tag' only works in the 'body' and not the html 'head' (Rails 6 and webpack)
在我的 rails 6 应用程序中,只有当我在 html 'body' 而不是 [=26= 中包含 <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
时,我的 jquery 才有效].我想知道为什么会这样以及我需要做些什么来解决它。这是我的 application.html.erb
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>TumaJobs</title>
<%= csrf_meta_tags %>
<%= action_cable_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>
<body>
<%= render 'shared/navbar' %>
<%= render 'shared/flashes' %>
<table class="layout-table">
<tr class="layout-content-row">
<td class="layout-content-column">
<%= yield %>
</td>
</tr>
<tr>
<td>
<%= render 'shared/footer' %>
</td>
</tr>
</table>
</body>
</html>
在我的 application.js 中,我有
require("bootstrap/dist/js/bootstrap")
require("jquery")
window.jQuery = $;
window.$ = $;
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("../search")
require("trix")
require("@rails/actiontext")
在 search.js 我有这个 jquery 代码
$(".jobs_search input").keyup(function() {
$.get($(".jobs_search").attr("action"), $(".jobs_search").serialize(), null, "script");
return false;
});
试试这个
头部有javascript_pack_tag
$(document).on('turbolinks:load', function(){
$(".jobs_search input").keyup(function() {
$.get($(".jobs_search").attr("action"), $(".jobs_search").serialize(), null, "script");
return false;
});
})
在我的 rails 6 应用程序中,只有当我在 html 'body' 而不是 [=26= 中包含 <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
时,我的 jquery 才有效].我想知道为什么会这样以及我需要做些什么来解决它。这是我的 application.html.erb
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>TumaJobs</title>
<%= csrf_meta_tags %>
<%= action_cable_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>
<body>
<%= render 'shared/navbar' %>
<%= render 'shared/flashes' %>
<table class="layout-table">
<tr class="layout-content-row">
<td class="layout-content-column">
<%= yield %>
</td>
</tr>
<tr>
<td>
<%= render 'shared/footer' %>
</td>
</tr>
</table>
</body>
</html>
在我的 application.js 中,我有
require("bootstrap/dist/js/bootstrap")
require("jquery")
window.jQuery = $;
window.$ = $;
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("../search")
require("trix")
require("@rails/actiontext")
在 search.js 我有这个 jquery 代码
$(".jobs_search input").keyup(function() {
$.get($(".jobs_search").attr("action"), $(".jobs_search").serialize(), null, "script");
return false;
});
试试这个
头部有javascript_pack_tag
$(document).on('turbolinks:load', function(){
$(".jobs_search input").keyup(function() {
$.get($(".jobs_search").attr("action"), $(".jobs_search").serialize(), null, "script");
return false;
});
})