Materialize css not rendering toast

Question

I'm trying to use the toast component from materialize.css to render flash messages. I'm modified my layout to do so but I'm not getting any toasts.

app/view/layouts/application.html.slim

doctype html
html
  head
    title
      | A beautiful Site
    = stylesheet_link_tag "//cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css"
    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
    = javascript_include_tag 'application', 'data-turbolinks-track' => true
    = javascript_include_tag "//www.google.com/jsapi"
    = csrf_meta_tags
    meta[name="viewport" content="width=device-width, initial-scale=1"]
    = analytics_init unless Rails.env.test?
  body
    .row
      = render partial: "elements/navbar"
      - flash.each do |_key, msg|
        javascript:
          Materialize.toast(msg, 5000);
    .row
      .container.col.s10
        = yield
      .meta.col.s2
        = render partial: 'elements/ads'

Answer 1

This works for me...

    - if flash.any?
      javascript:
        $(function(){Materialize.toast("#{notice}", 5000);});