お世話になっております。
あるリンク先の呼出時のみturbolinkをオフにして、jsを実行しようと試みましたが
app\assets\javascripts\common.jsまで動作しなくなりました。
具体的には、リンク先のクリックでポップアップが表示されるのが正解ですが、
別ページに移動し、戻ってきてクリックするとページの遷移になってしまいます。
画像を添付しました。
正常パターンは下図のようにjsによりポップアップウィンドウが表示されます
別ページに移動後、戻ってきてクリックすると、下図のようになります。
jsが動作せずただのページ遷移になっているようです。
呼出し元
ruby
1<!-- data: { no_turbolink: true }を付けました。 --> 2<%= link_to 'ポップアップのテスト', '/choice.html', class: 'iframe_box', data: { no_turbolink: true } %> 3
こっちでも一緒
呼出し元
ruby
1<%= link_to 'ポップアップのテスト', '/choice.html', class: 'iframe_box', data: { turbolinks: false } %>
実行させたいjs(app\assets\javascripts\common.js)
javascript
1 2 3 4 5 6document.addEventListener 'turbolinks:load', -> 7 $('a.colorbox').colorbox() 8 return 9 10 11$ -> 12 $('.iframe_box').colorbox 13 iframe: true 14 innerWidth: 600 15 innerHeight: 600 16 return 17
なぜ、common.jsが動作しなくなっているのでしょうか?
宜しくお願い致します。
2017/4/21 coffe scriptのエラー画像追加
returnを2つ記述するとエラーが出るようなのですが・・・。
2017/4/21 jsの読み込ませ方追加
jsは、
app\assets\javascripts以下にcommon.js.coffeeを置いています。内容は以下になります。
coffescript
1document.addEventListener 'turbolinks:load', -> 2 3$('.iframe_box').colorbox 4 iframe: true 5 innerWidth: 600 6 innerHeight: 600 7 return 8 9 $('a.colorbox').colorbox() 10 return 11 12
上記jsをapp\assets\javascripts\application.jsで
読み込んでます
coffescript
1//= require jquery 2//= require jquery_ujs 3//= require turbolinks 4//= require_tree . 5//= require bootstrap-sprockets 6//= require data-confirm-modal 7//= require cocoon 8//= require jquery.colorbox 9//= require common
回答1件
あなたの回答
tips
プレビュー