bootstrap中如何多次使用一个摸态框

最新推荐文章于 2024-07-01 02:25:02 发布

weixin_33991418

最新推荐文章于 2024-07-01 02:25:02 发布

阅读量103

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webSong/p/6346462.html

本文介绍了一种使用jQuery自定义实现模态弹窗的方法，包括如何创建并显示弹窗，以及通过点击链接来调用相应的函数进行弹窗展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**弹出框设置**/
   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();
        });
    })

转载于:https://www.cnblogs.com/webSong/p/6346462.html