popupSelector: 修正拖动位置不对的问题。

Author: uje

popupSelector/js/popupSelector.js

@@ -51,35 +51,42 @@
         },
         start: function(e){
             var $container = this.$container,
-                offset = $container.offset();
+                offset = $container.offset(),
+                $doc = $(document);
 
             this.startArgs = {
-                width: $container.width(),
-                height : $container.height(),
                 left: offset.left, 
                 top: offset.top,
                 x: e.clientX,
-                y: e.clientY
+                y: e.clientY,
+                maxLeft: $doc.width() - $container.width(),
+                maxTop: $doc.height() - $container.height()
             };
 
             this.dragable = true;
         },
         move: function(e){
-            var startArgs = this.startArgs,
+            var $doc =　$(document),
+                startArgs = this.startArgs,
                 offsetX = e.clientX - startArgs.x,
                 offsetY = e.clientY - startArgs.y,
                 newLeft = startArgs.left + offsetX,
-                newTop = startArgs.top + offsetY,
-                fullWidth = newLeft + startArgs.width,
-                fullHeight = newTop + startArgs.height,
-                $doc =　$(document);
+                newTop = startArgs.top + offsetY;
 
-            if(newLeft + startArgs.width <= $doc.width() && newLeft >= 0)
-                this.$container.css('left', newLeft);
+            if(newLeft < 0)
+                newLeft = 0;
 
-            if(newTop + startArgs.height <= $doc.height() && newTop >= 0)
-                this.$container.css('top', newTop);
+            if(newTop < 0)
+                newTop = 0;
 
+            if(newLeft > startArgs.maxLeft)
+                newLeft = startArgs.maxLeft;
+
+            if(newTop > startArgs.maxTop)
+                newTop = startArgs.maxTop;
+
+            this.$container.css('left', newLeft);
+            this.$container.css('top', newTop);
         },
         destory: function(){
             var me = this;

resume/data/resume.json

@@ -52,15 +52,15 @@
 			"job"       : "前端工程环境搭建、组件开发",
 			"beginDate" : "2013-06-26",
 			"endDate"   : "2014-07-19",
-			"detail"    : "汽车大数据智能分析平台是威尔森公司推出的一套在线数据整合分析和决策应用的商业智能平台。技术上，采用前后端分离的开发模式，前端资源独立部署。使用 GruntJS 实现前端资源工程化，NodeJS架设静态服务器进行模拟数据，CoffeeScript、LessCss进行前端编码，模块化推进前端开发。"
+			"detail"    : "汽车大数据智能分析平台是XXX公司推出的一套在线数据整合分析和决策应用的商业智能平台。技术上，采用前后端分离的开发模式，前端资源独立部署。使用 GruntJS 实现前端资源工程化，NodeJS架设静态服务器进行模拟数据，CoffeeScript、LessCss进行前端编码，模块化推进前端开发。"
 		},
 		{
 			"name"      : "XXX",
 			"company"   : "XXX",
 			"job"       : "后端编码、微博接入技术实现、js功能开发、页面兼容性处理",
 			"beginDate" : "2011-07-06",
 			"endDate"   : "2013-06-19",
-			"detail"    : "我去过社区是一起飞为广大购票用户提供的一个机票、旅行方面的交流与服务平台。采用asp.net技术开发，后端架构分为表现层、业务层、数据访问层。前端采用jQuery+Ajax+JS模板引擎开发。"
+			"detail"    : "XXX社区是XXX为广大购票用户提供的一个机票、旅行方面的交流与服务平台。采用asp.net技术开发，后端架构分为表现层、业务层、数据访问层。前端采用jQuery+Ajax+JS模板引擎开发。"
 		}
 	],
 	"educations": [