bootstrap4 弹框(modal)里js不执行解决办法

bootstrap4 modal,

bootstrap3里的modal在bootstrap4里面不执行,查了很多资料,发现了解决办法:

这是页面html:

<div class="modal fade bs-example-modal-lg" id="modal" tabindex="-1" role="dialog">

  <div class="modal-dialog modal-full-width" role="document">

    <div class="modal-content container-fluid"></div>

  </div>

</div>

这是jq代码,注意加粗的地方:

$('#modal').on('hidden.bs.modal', function (e) { 

            $(this).find('.modal-body').html('加载中,请稍后...'); 

            $(this).removeData('bs.modal'); 

        }).on('show.bs.modal', function (e) { 

            var button = $(e.relatedTarget); 

            var modal = $(this); 

            modal.find('.modal-content').load(button.data("remote"),function(){

                if($("#modal .form-sub").length){

                    $("#modal .form-sub").unbind('click').click(function(){

                        $('.loading').show();

                        var url = "{:url('edit')}";

                        if($("#modal form input[name='id']").val() == ''){

                            url = "{:url('add')}";

                        }

                        $.post(url,{

                            id:$("#modal input[name='id']").val(),

                        },function(res){

                            swal(res.msg).then((isTrue)=>{

                                $('.loading').hide();

                                if(res.status == 1){

                                    window.location.reload();

                                }

                            });

                        });

                    });

                }

            });

        });


把弹框里的jq放到这里执行即可。

以下是效果图:

fa/c0693b7770356f5146c01f512289ca.png



评论