railsでjqueryが読み込まれない

Rails5にてjqueryを実装しようとしたところ読み込まれない問題にあたり解決できません
どうかお力を貸して欲しいです。

Gemfile
1gem 'jquery-rails'

上記のようにGemfileにかいて、bundle install実行しました。

#application.js
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require jquery
//= require_tree .

そして、application.jsに「//= require jquery」を追加しました。

JS
1#assets/javascript/articles.js
2
3$(document).on("turbolinks:load", function() {
4	var cb = $("#article_no_expiration");
5	var field = $("#article_expired_at");
6
7	var changeExpiredAt = function() {
8		if (cb.prop("checked"))
9			field.hide()
10		else
11			field.show()
12	}
13
14	cb.bind("click", changeExpiredAt);
15
16	changeExpiredAt();
17})

実行したいコードを上記のようにかきました。
チェックボックスを外したら、日付指定が表示され、チェックしたら消えると言ったものになってます。

<%= render "shared/errors", obj: @article %>

<table class="attr">
	<tr>
		<th><%= form.label :title %></th>
		<td><%= form.text_field :title, size: 20 %></td>
	</tr>
	<tr>
		<th><%= form.label :body %></th>
		<td><%= form.text_area :body, rows: 10, cols: 45 %></td>
	</tr>
	<tr>
		<th><%= form.label :released_at, for: "article_released_at_1i" %></th>
		<td><%= form.datetime_select :released_at, start_year: 2000, end_year: Time.current.year + 1, use_month_number: true %></td>
	</tr>
	<tr>
		<th><%= form.label :expired_at, for: "article_expired_at_1i" %></th>
		<td>
			<div>
				<%= form.check_box :no_expiration %>
				<%= form.label :no_expiration %>
			</div>
			<div id="article_expired_at">
				<%= form.datetime_select :expired_at, start_year: 2000, end_year: Time.current.year + 1, use_month_number: true %>
			</div>
		</td>
	</tr>
	<tr>
		<th><%= Article.human_attribute_name(:member_only) %></th>
		<td>
			<%= form.check_box :member_only %>
			<%= form.label :member_only %>
		</td>
	</tr>
</table>

上記がソースになります。
しかし、実行したところjqueryが読み込まれていないようで何もアクションがありません。
jqueryが読み込まれていないようなのでソースに問題があるのではなく、導入の仕方に間違いがあると思うのですがわかるかたいましたらご教授お願いします。

これは何がダメなのでしょうか？

maisumakun

2019/04/14 14:07

ブラウザのコンソールにはなにかエラーが出ていませんか？

kozica

2019/04/14 16:41

エラーは出ていないですね、、、ブラウザのEventListenersに「turbolinks:load」がないので、やはりソースではなく導入の仕方に問題があると思われます、、

maisumakun

2019/04/14 22:14

application.js自体はビューから参照していますでしょうか。

kozica

2019/04/15 09:31

application.html.erbに下記ように書いてますので、参照はしています。 <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 念の為、application.jsに下記のようにalert("test");と記載してみたところ、アラートが表示されたので読み込みもされているはずです。 //= require rails-ujs //= require activestorage //= require jquery //= require turbolinks //= require_tree . alert("test");