rails 4 bootstrap模态在显示之前短暂闪烁

时间:2015-04-14 07:41:16

标签: javascript jquery twitter-bootstrap ruby-on-rails-4 modal-dialog

当我点击我的" pin"的图像时,它弹出(超过?)一个模态。但是,模态在实际显示之前会短暂闪烁。您可以在omrails.herokuapp.com看到此信息。我该如何解决这个问题?

我有以下代码,

应用程序/视图/针/ show.html.erb

<%= link_to image_tag(@pin.image.url(:medium)),"#pinsmodal", data: {toggle: "modal", trigger: "#pinsmodal"} %>
...
<div class="modal fade" id="pinsmodal" tabindex="-1" role="dialog" aria-labelledby="modallabel" aria-hidden="true">
...

应用程序/资产/ Javascript角/ pins.coffee

...
$ ->
$('#pinsmodal').on 'shown.bs.modal', (click) ->
    $('#pinsmodal').modal('show')
...

2 个答案:

答案 0 :(得分:0)

您的咖啡脚本意味着 - 如果显示模态 - 再次显示。 完全删除它。一切都会好起来的。

答案 1 :(得分:0)

结合Alex Veremeenko的贡献和一些搜索我发现闪烁的原因是因为application.js中的以下行

...
//=require bootstrap-sprockets
//=require bootstrap
...

关于双重呼叫的事情。我删除了

//=require bootstrap-sprockets

现在一切正常。谢谢!