rails 4 bootstrap 模式在显示前短暂闪烁
rails 4 bootstrap modal flashes briefly before showing
当我点击我的 "pin" 的图像时，它弹出（通过？）一个模式。但是，模态在实际显示之前会短暂闪烁。你可以在 omrails.herokuapp.com 看到这个。我该如何解决这个问题？
我有以下代码，
app/views/pins/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">
...
app/assets/javascripts/pins.咖啡
...
$ ->
$('#pinsmodal').on 'shown.bs.modal', (click) ->
$('#pinsmodal').modal('show')
...
您的咖啡脚本意味着 - 如果显示模态 - 再次显示它。
完全删除它。一切都会好起来的。
结合 Alex Veremeenko 的贡献和一些搜索，我发现闪烁的原因是因为 application.js
中的以下几行
...
//=require bootstrap-sprockets
//=require bootstrap
...
关于双重调用的事情。我删除了行
//=require bootstrap-sprockets
现在一切正常。谢谢！
当我点击我的 "pin" 的图像时，它弹出（通过？）一个模式。但是，模态在实际显示之前会短暂闪烁。你可以在 omrails.herokuapp.com 看到这个。我该如何解决这个问题？
我有以下代码，
app/views/pins/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">
...
app/assets/javascripts/pins.咖啡
...
$ ->
$('#pinsmodal').on 'shown.bs.modal', (click) ->
$('#pinsmodal').modal('show')
...
您的咖啡脚本意味着 - 如果显示模态 - 再次显示它。 完全删除它。一切都会好起来的。
结合 Alex Veremeenko 的贡献和一些搜索，我发现闪烁的原因是因为 application.js
中的以下几行...
//=require bootstrap-sprockets
//=require bootstrap
...
关于双重调用的事情。我删除了行
//=require bootstrap-sprockets
现在一切正常。谢谢！