Bootstrap jQuery Modal在按钮单击时未加载

丹尼尔·鲍嘉

我正在为我的Rails 4应用程序使用通过CDN加载的Twitter Bootstrap,并且在单击应该加载模式的按钮时,什么也没有发生。如果我尝试通过jQuery触发模式,则会出现错误:Uncaught TypeError:undefined不是一个函数。这是我的代码:

.container
.row
    .col-sm-12
        %h1 Manage Team
        .pull-right
            %a.btn.btn-success#addUserBtn{ data: { toggle: :modal, target: '#new_user' } }
                Add

模态:

#new_user.modal.fade
.modal-dialog
    .modal-content
        .modal-header
            %button.close{ type: :button, 'data-dismiss' => 'modal', 'aria-hidden' => 'true' }
                ×
            %h4.modal-title
                New Agency
        = form_for Agency.new( facilitator_id: current_user.id ) do |f|
            .modal-body
                .form-group
                    = f.label :name
                    = f.text_field :name, class: 'form-control'
                .form-group
                    = f.label :facilitator_id
                    = f.collection_select :facilitator_id, User.admin, :id, :name, {}, class: 'form-control'

            .modal-footer
                %button.btn.btn-default{ type: :button, 'data-dismiss' => 'modal' }
                    Close
                = f.submit 'Create', class: 'btn btn-primary'

jQuery的:

$('#addUserBtn').on('click', function() {
    console.log('test');
    $('#new_user').modal('toggle');
}); 
丹尼尔·鲍嘉

这是一个引导问题。当我使用宝石而不是CDN加载引导程序时,一切正常。谢谢你的帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在页面加载时加载Bootstrap模态,无需触发按钮或使用jQuery

来自分类Dev

Twitter Bootstrap 3 Modal中的jQuery Datepicker

来自分类Dev

Jquery datepicker & Bootstrap modal Error in (Firefox)

来自分类Dev

Jquery draggable with bootstrap modal, scroller strange behaviour

来自分类Dev

jQuery,Bootstrap单击以删除选项卡

来自分类Dev

如何使用bootstrap或jquery在单击按钮时将局部视图显示为弹出窗口/模式?

来自分类Dev

在bootstrap datepicker jQuery addClass上单击触发

来自分类Dev

通过单击JQuery DataTable打开Bootstrap模式

来自分类Dev

jQuery-在按钮外单击时保持对按钮的关注

来自分类Dev

jQuery中的Bootstrap菜单单击事件

来自分类Dev

Bootstrap单选按钮-使用jQuery添加变量

来自分类Dev

jQuery / Bootstrap禁用按钮

来自分类Dev

Bootstrap 3 modal在按钮单击上不起作用

来自分类Dev

使用Bootstrap按钮单击和jQuery更改iframe内容

来自分类Dev

Twitter Bootstrap 3 Modal中的jQuery Datepicker

来自分类Dev

Bootstrap jQuery按钮并单击以切换文本/输入字段

来自分类Dev

无法将数据从PHP + JQuery加载到Bootstrap 3 Modal

来自分类Dev

使用jQuery创建单选按钮-Bootstrap

来自分类Dev

BootStrap Django Jquery Modal在Ajax调用提交时未关闭

来自分类Dev

如何知道jQuery中的Bootstrap按钮状态

来自分类Dev

Bootstrap模式按钮单击jquery

来自分类Dev

#Bootstrap 3.2.0#modal-dialogs #jquery

来自分类Dev

如何知道是否在我的JQuery函数中单击了Bootstrap Modal中的特定按钮?

来自分类Dev

通过 Javascript / jQuery 在按钮单击时显示 Bootstrap 警报

来自分类Dev

bootstrap jquery 加载顺序

来自分类Dev

Jquery 在按钮单击时展开隐藏的表格行

来自分类Dev

使用 jquery 在按钮单击时复制表或 div 内容

来自分类Dev

调用后 JQuery Bootstrap Modal 未关闭

来自分类Dev

将 Bootstrap 模板转换为 Wordpress 时未加载 jQuery

Related 相关文章

  1. 1

    在页面加载时加载Bootstrap模态,无需触发按钮或使用jQuery

  2. 2

    Twitter Bootstrap 3 Modal中的jQuery Datepicker

  3. 3

    Jquery datepicker & Bootstrap modal Error in (Firefox)

  4. 4

    Jquery draggable with bootstrap modal, scroller strange behaviour

  5. 5

    jQuery,Bootstrap单击以删除选项卡

  6. 6

    如何使用bootstrap或jquery在单击按钮时将局部视图显示为弹出窗口/模式?

  7. 7

    在bootstrap datepicker jQuery addClass上单击触发

  8. 8

    通过单击JQuery DataTable打开Bootstrap模式

  9. 9

    jQuery-在按钮外单击时保持对按钮的关注

  10. 10

    jQuery中的Bootstrap菜单单击事件

  11. 11

    Bootstrap单选按钮-使用jQuery添加变量

  12. 12

    jQuery / Bootstrap禁用按钮

  13. 13

    Bootstrap 3 modal在按钮单击上不起作用

  14. 14

    使用Bootstrap按钮单击和jQuery更改iframe内容

  15. 15

    Twitter Bootstrap 3 Modal中的jQuery Datepicker

  16. 16

    Bootstrap jQuery按钮并单击以切换文本/输入字段

  17. 17

    无法将数据从PHP + JQuery加载到Bootstrap 3 Modal

  18. 18

    使用jQuery创建单选按钮-Bootstrap

  19. 19

    BootStrap Django Jquery Modal在Ajax调用提交时未关闭

  20. 20

    如何知道jQuery中的Bootstrap按钮状态

  21. 21

    Bootstrap模式按钮单击jquery

  22. 22

    #Bootstrap 3.2.0#modal-dialogs #jquery

  23. 23

    如何知道是否在我的JQuery函数中单击了Bootstrap Modal中的特定按钮?

  24. 24

    通过 Javascript / jQuery 在按钮单击时显示 Bootstrap 警报

  25. 25

    bootstrap jquery 加载顺序

  26. 26

    Jquery 在按钮单击时展开隐藏的表格行

  27. 27

    使用 jquery 在按钮单击时复制表或 div 内容

  28. 28

    调用后 JQuery Bootstrap Modal 未关闭

  29. 29

    将 Bootstrap 模板转换为 Wordpress 时未加载 jQuery

热门标签

归档