DIV移动问题

taoxiang

按照版主的代码更改如下

define(function(require) {
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");

        var Model = function() {
                this.callParent();
        };

        var mouseX, mouseY; // 鼠标 坐标
        var objX, objY; // div座标
        var isDowm = false; // 是否按下鼠标

        // 鼠标按下时
        Model.prototype.testDivMousedown = function(event) {
                var e = event.originalEvent;
                var obj = this.getElementByXid('testDiv');
                obj.style.cursor = "move";
                objX = obj.style.left;
                objY = obj.style.top;
                mouseX = e.clientX;
                mouseY = e.clientY;
                isDowm = true;
        };

        // 鼠标移动
        Model.prototype.testDivMousemove = function(event) {
                var e = event.originalEvent;
                var obj = this.getElementByXid('testDiv');
                var x = e.clientX;
                var y = e.clientY;
                if (isDowm) {
                        obj.style.left = parseInt(objX) + parseInt(x) - parseInt(mouseX) + "px";
                        obj.style.top = parseInt(objY) + parseInt(y) - parseInt(mouseY) + "px";
                }
        };

        // 鼠标松开
        Model.prototype.testDivMouseup = function(event) {
                var e = event.originalEvent;
                if (isDowm) {
                        var x = e.clientX;
                        var y = e.clientY;
                        var obj = this.getElementByXid('testDiv');
                        obj.style.left = (parseInt(x) - parseInt(mouseX) + parseInt(objX)) + "px";
                        obj.style.top = (parseInt(y) - parseInt(mouseY) + parseInt(objY)) + "px";
                        mouseX = x;
                        rewmouseY = y;
                        obj.style.cursor = "default";
                        isDowm = false;
                }
        };

        return Model;
});




CSS样式我也更改了
    .testDiv
    {
    position:relative;
    border:1px solid red;
    height:100px;
    width:100px;
    top:0px;
    left:0px;
    background-color:#400040;
   /* position:absolute;
    background-color:#400040;
    width:100px;
    height:100px;
    top:50px;
    left:200px;*/
    }

请问大神版主测试了吗..为什么还是无法移动呢!!谢谢大神指导

cgrddv

不测试怎么给你发。。。。。。你去看在你移动的时候，testDiv的top和left值是否发生变化了，而且你的这个testDiv父容器是什么，是不是父容器你给写死了