jquery - 无法用鼠标拖动 jcrop 选区

Question

我在 jcrop 上遇到了这个奇怪的问题，我花了几个小时试图弄清楚。问题是我无法以 demo 中所示的相同方式拖动/移动所选内容。 。

如果我尝试使用 setSelect 初始化脚本，以便在页面加载时显示图像并带有选择，该选择是可移动的，但是一旦我做出选择使用鼠标，无论我做什么，都无法拖动此选择(当然会替换最初的选择)。然而，它可以用键盘移动，但我不能依赖使用键盘的人。

我用谷歌搜索了一下，唯一接近的是这篇文章:Cannot drag selection in Jcrop, what could break it?但这并不能解决我的问题(而且我没有据我所知的相对定位，所以它首先不会是问题的原因)。

我在 Mac 上使用 jquery 1.4.2 和 jcrop 0.9.8 使用以下设置(已尝试过 Firefox 和 Safari):

    function updateCoords(c) {
        $('#x').val(c.x);
        $('#y').val(c.y);
        $('#w').val(c.w);
        $('#h').val(c.h);
    };

    function checkCoords()  {
        if (parseInt($('#w').val())) return true;
        alert('Please select a crop region then press submit.');
        return false;
    };

    $('#jcrop_target').Jcrop({
            minSize: [ 620,400 ],
            maxSize: [ 620,400 ],
            onSelect: updateCoords,
            onChange: updateCoords
    });

但我也尝试使用简单的 $('#jcrop_target').Jcrop(); 来确保不是其他函数导致冲突。

任何意见都将非常非常感谢。提前致谢!

拉尔斯

Answer 1

It turned out that I actually did have a position:relative in my css like described in this post:

http://www.stackoverflow.com/questions/3380969/

so removing that solved it :)