当我点击我的" 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')
...
答案 0 :(得分:0)
您的咖啡脚本意味着 - 如果显示模态 - 再次显示。 完全删除它。一切都会好起来的。
答案 1 :(得分:0)
结合Alex Veremeenko的贡献和一些搜索我发现闪烁的原因是因为application.js中的以下行
...
//=require bootstrap-sprockets
//=require bootstrap
...
关于双重呼叫的事情。我删除了
行//=require bootstrap-sprockets
现在一切正常。谢谢!