javascript - Rails 4 Bootstrap 模式在显示前短暂闪烁

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

当我点击“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">
...

应用程序/ Assets /javascripts/pins.coffee

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

最佳答案

您的 CoffeeScript 意味着 - 如果显示模式 - 再次显示。 完全删除它。一切都会很好。

关于javascript - Rails 4 Bootstrap 模式在显示前短暂闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29621725/

相关文章:

html - 调整大小后的 Bootstrap 3 导航栏高度

javascript - 强调每个方法没有运行在整个 Backbone 集合中

javascript - 纯 Javascript 中的 jQuery 代码

javascript - Angular 7 CRUD 应用服务未连接到 REST Api

javascript - 如何在使用 jquery append 元素后调用函数?

javascript - 如何在此 Web 应用程序中使用 jQuery 选择器?

jquery - 如何计算 HTML 表格列中所有输入字段的总和并将值显示在单元格中?

twitter-bootstrap - Grails twitter-bootstrap插件未更新 Assets

javascript - 循环对象数组和格式值

javascript - 在 rails 中使用 javascript_pack_tag 导致 EOFError