質問: お世話になっております。 あるリンク先の呼出時のみturbolinkをオフにして、jsを実行しようと試みましたが app\assets\javascripts\common.jsまで動作しなくなりました。 具体的には、リンク先のクリックでポップアップが表示されるのが正解ですが、 別ページに移動し、戻ってきてクリックするとページの遷移になってしまいます。 画像を添付しました。 正常パターンは下図のようにjsによりポップアップウィンドウが表示されます ![正常パターン](https://teratail.storage.googleapis.com/uploads/contributed_images/920b9389ed18af5dacf597f4dcbb9959.jpeg) 別ページに移動後、戻ってきてクリックすると、下図のようになります。 jsが動作せずただのページ遷移になっているようです。 ![NGパターン](https://teratail.storage.googleapis.com/uploads/contributed_images/9927d38735586653e3419d4ee500d0b8.jpeg) 呼出し元 ``` <!-- data: { no_turbolink: true }を付けました。 --> <%= link_to 'ポップアップのテスト', '/choice.html', class: 'iframe_box', data: { no_turbolink: true } %> ``` こっちでも一緒 呼出し元 ``` <%= link_to 'ポップアップのテスト', '/choice.html', class: 'iframe_box', data: { turbolinks: false } %> ``` 実行させたいjs(app\assets\javascripts\common.js) ``` document.addEventListener 'turbolinks:load', -> $('a.colorbox').colorbox() return $ -> $('.iframe_box').colorbox iframe: true innerWidth: 600 innerHeight: 600 return ``` なぜ、common.jsが動作しなくなっているのでしょうか? 宜しくお願い致します。 2017/4/21 coffe scriptのエラー画像追加 returnを2つ記述するとエラーが出るようなのですが・・・。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/55e186fa764f649d527997ab569ce509.jpeg) 2017/4/21 jsの読み込ませ方追加 jsは、 app\assets\javascripts以下にcommon.js.coffeeを置いています。内容は以下になります。 ``` document.addEventListener 'turbolinks:load', -> $('.iframe_box').colorbox iframe: true innerWidth: 600 innerHeight: 600 return $('a.colorbox').colorbox() return ``` 上記jsをapp\assets\javascripts\application.jsで 読み込んでます ``` //= require jquery //= require jquery_ujs //= require turbolinks //= require_tree . //= require bootstrap-sprockets //= require data-confirm-modal //= require cocoon //= require jquery.colorbox //= require common ```
回答: 同一環境を設定して見ましたが、問題なく動くようです。 他のjavascriptライブラリとの競合が考えられます。 一つ一つ無効にして試すか bootstrap modal を利用してください。