Colorbox & Turbolinks load
Hello,
Rails 5.1.0 & Turbolinks5 & Jquery3.1.2 here
I'm trying to make jQuery Colorbox works with dynamicly loaded elements (using ActionCable) with no luck.
With the implementation below, Colorbox is tied to a 'on click' event on the parent element, wich allows the newly loaded elements to be recognized automatically. However, this might not be the best option since colorbox seems to be ignored on all element when the user comes form another page (turbolinks:load), and is not available in console. Everything works fine on page reload.
What do I miss? Thank you in advance for your help
Here is my implementation:
class @GalleryLoader
constructor: (@container,@elem) ->
@setEvents()
setEvents: ->
$(@container).on 'click', @elem, @handleClick
handleClick: (e) ->
e.preventDefault()
$(this).colorbox
transition: 'fade'
$(document).on 'turbolinks:load', ->
if (($ "[data-behavior='project-media-parent']").length)
new GalleryLoader "[data-behavior='project-media-parent']", "[data-behavior='medium-link']"
```