码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-01-24 09:54:57      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:dialog   设置   show   url   div   res   javascrip   href   content   

/**弹出框设置**/
   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中如何多次使用一个摸态框

标签:dialog   设置   show   url   div   res   javascrip   href   content   

原文地址:http://www.cnblogs.com/webSong/p/6346462.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!