jquery 的 thickbox 弹出可拖动的div层

最新推荐文章于 2018-07-13 15:53:01 发布

kataerdeshui

最新推荐文章于 2018-07-13 15:53:01 发布

阅读量1.7k

点赞数

分类专栏： jQuery 文章标签： div jquery function button bean input

本文链接：https://blog.csdn.net/kataerdeshui/article/details/6734563

版权

jQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<input class="thickbox button" type="button" name="button3" id="button3" titleVal="<bean:message key="feedback.replyCustomertitle"/>"

opt="#TB_inline?height=200&width=530&inlineId=tab100" value="<bean:message key="feedback.replyCustomer"/>" />

在thickbox.js中添加：

$("#TB_window").append("<div id='TB_top'><div id='TB_title' style='cursor:move;'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton'><img src='"+tad_close+"'></a></div></div><div id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px'></div></div>");

       var x = 0;
       var y = 0;
       var check = false;

       $(function(){$('#TB_top').mousedown(function(evt){
           check = true;
           x = evt.pageX-parseInt($('#TB_window').css('left'),10);
           y = evt.pageY-parseInt($('#TB_window').css('top'),10);
           });
       });

       $(function(){$(document).mousemove(function(evte){
           if(!check) return false;
           $('#TB_window').css('top',evte.pageY-y);
           $('#TB_window').css('left',evte.pageX-x);
           });
       });

          $(function(){$(document).mouseup(function(){
          check = false;
          });
       });