首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Rails 5.1:如何使用rails-ujs使用bootstrap覆盖确认对话框

Rails 5.1:如何使用rails-ujs使用bootstrap覆盖确认对话框
EN

Stack Overflow用户
提问于 2018-07-11 09:57:34
回答 0查看 1.9K关注 0票数 1

在Rails 5.1之前,我可以使用以下内容通过bootstrap样式定制确认对话框:

代码语言:javascript
复制
$ ->
  $.rails.allowAction = (link) ->
    return true unless link.attr('data-confirm')
    $.rails.showConfirmDialog(link) 
    false 

  $.rails.confirmed = (link) ->
    link.removeAttr('data-confirm')
    link.trigger('click.rails')

  $.rails.showConfirmDialog = (link) ->
    message = link.attr 'data-confirm'
    html = """
           <div class="modal" id='confirmationDialog'>
             <div class="modal-dialog">
               <div class='modal-content'>
                 <div class='modal-header'>
                   <a class='close' data-dismiss='modal'>×</a>
                   <h3>#{message}</h3>
                 </div>
                 <div class='modal-body'>
                   <p>#{link.data('body')}</p>
                 </div>
                 <div class='modal-footer'>
                   <a data-dismiss='modal' class='btn btn-default'>#{link.data('cancel')}</a>
                   <a data-dismiss='modal' class='btn btn-danger confirm'>#{link.data('ok')}</a>
                 </div>
               </div>
             </div>
           </div>
           """
    $(html).modal()
    $('#confirmationDialog .confirm').on 'click', -> $.rails.confirmed(link)

代码随着对rails_ujs的更改而停止工作?我看过一些关于为SweetAlert2定制它的文章,但没有看到bootstrap或其他定制选项。

谢谢。

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51276176

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档