首页 > 代码库 > bootstrap中如何多次使用一个摸态框
bootstrap中如何多次使用一个摸态框
/**弹出框设置**/ function showjcziimodal(url, width) { $("#jczii-modal").remove();//如果存在此Id的Modal先remove var modal = $(‘<div id="jczii-modal" class="modal fade .jczii-modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document" style="width:‘ + width + ‘"> <div class="modal-content"> </div> </div> </div>‘).modal(); $(‘body‘).append(modal); modal.find(‘.modal-content‘) .load(url, function (responseText, textStatus) { if (textStatus === ‘success‘ || textStatus === ‘notmodified‘) { modal.show(); } }); } //页面所有Modal弹出 $(function () { $(‘*[rel="jczii-modal"]‘).on(‘click‘, function (e) { var modal_width = !!$(this).attr(‘data-width‘) ? $(this).attr(‘data-width‘) : ‘‘; showjcziimodal($(this).attr(‘data-href‘), modal_width); e.preventDefault(); }); })
bootstrap中如何多次使用一个摸态框
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。