如何将选项传递给Reveal Modal - Foundation - Rails

时间:2014-09-29 11:03:01

标签: ruby-on-rails zurb-foundation

我已经通过Rails Gem安装了Foundation,但我不知道如何将选项传递给Reveal Modal以改变动画速度。

这是我在Foundations docs中看到的:

{
  animation: 'fadeAndPop',
  animation_speed: 250,
  close_on_background_click: true,
  dismiss_modal_class: 'close-reveal-modal',
  bg_class: 'reveal-modal-bg',
  root_element: 'body',
  bg : $('.reveal-modal-bg'),
  css : {
    open : {
      'opacity': 0,
      'visibility': 'visible',
      'display' : 'block'
    },
    close : {
      'opacity': 1,
      'visibility': 'hidden',
      'display': 'none'
    }
  }
}

这就是我在Application.js文件中的内容

$(function(){ $(document).foundation(); });

1 个答案:

答案 0 :(得分:1)

有点晚了,但希望这会有所帮助。来自Foundation Docs:

  

“您也可以在同一个调用中配置多个库。   以下是实现这一目标的几种方法:“

$(document).foundation({
    reveal : {
        animation_speed: 500
    },
    tooltip : {
        disable_for_touch: true
    },
    topbar : {
        custom_back_text: false,
        is_hover: false,
        mobile_show_parent_link: true
    }
});

JavaScript Setup