Question

HTML

<div class="main_box">
<div class="dragable_box"></div>
</div>

CSS

div.main_box{
    width:320px;
    height:480px;
    border:1px solid #000000;
    position: relative;
    margin-left: auto;
    margin-right:auto;
}
div.dragable_box{
    width:100px;
    height:100px;
    border:1px solid #000000;
    position: absolute;
}

脚本

$(document).ready(function(){
    $(".dragable_box").on("mousedown",function(){
        $(document).on("mousemove",function(event){
            $(".dragable_box").css({
                left: event.pageX,
                top: event.pageY
            })
        })
    })
})

当我点击dragable_box时，它不随鼠标指针一起移动。这是jsfiddle。

任何人都可以告诉我，我做错了什么???

Answer 1

div.main_box{
    width:320px;
    height:480px;
    border:1px solid #000000;
   \*position: relative;*\
    margin-left: auto;
    margin-right:auto;
}

父级的position: relative;和其子级的position: absolute;会让孩子根据父级移动，因此如果您删除上述课程中的postion:relative，它将正常工作。< / p>

DEMO

Answer 2

只需将您的JQuery代码更改为：

float (*matrix)[n] = malloc(sizeof(float[n][n]));

如何使相对Div可拖动？

2 个答案: