Javascript jQuery鼠标按下并可调整大小

您好，我有一个要求热选择热点问题类型管理员在图像中，我们需要捕捉热点位置。在用户端，根据点击，我们需要找出用户点击是否有效。我得到了一些职位，但我面临的问题是鼠标按下时重新调整大小有人能帮我完成任务吗。。鼠标按下并一次重新调整大小问题

找到链接

只需选中“小提琴”链接浏览该图像中的一幅图像，单击任意位置并拖动一次即可。意思是选择一些部分。当我尝试鼠标单击+拖动它时，它不会调整大小，当我单击一次并尝试重新调整大小后，它工作正常。我想一次点击+重新调整大小

var $hotspot = $('<div id="hotspot_' + spotCount + '"></div>').css({
    'position': 'absolute',
    'display': 'block',
    'left': (e.pageX - $(this).offset().left) - (e.data.x / 2),
    'top': (e.pageY - $(this).offset().top) - (e.data.y / 2),
    'height': e.data.y,
    'width': e.data.x,
    'background': 'url(' + config.icon + ')',
    'cursor': 'pointer'
}).resizable({
    handles: "n, e, s, w, se, sw, nw, ne"
}, {
    helper: "ui-resizable-helper"
});
simulateHandleClick($hotspot, 's', e.pageX, e.pageY);
$hotspot.draggable();

$imageContainer.append($hotspot);


$hotspots = $hotspots.add($hotspot);

$hotspot.on('click', initSpotConfig);
}



var simulateHandleClick = function (item, handle, x, y) {

    item.find('.ui-resizable-' + handle).trigger({
        type: 'mousedown',
        which: 1,
        pageX: x,
        pageY: y
    })

var$hotspot=$（''）.css({
'位置'：'绝对'，
“显示”：“块”，
“left”：（e.pageX-$（this.offset（）.left）-（e.data.x/2），
“top”：（e.pageY-$（this.offset（）.top）-（e.data.y/2），
“高度”：e.data.y，
“宽度”：e.data.x，
'background'：'url（'+config.icon+'），
“游标”：“指针”
}).可调整大小({
手柄：“北、东、南、西、东南、西南、西北、东北”
}, {
帮助程序：“ui可调整大小的帮助程序”
});
模拟handleclick（$hotspot，'s'，e.pageX，e.pageY）；
$hotspot.draggable（）；
$imageContainer.append（$hotspot）；
$hospots=$hospots.add（$hospots）；
$hotspot.on（'click'，initSpotConfig）；
}
var simulateHandleClick=函数（项、句柄、x、y）{
item.find（'.ui可调整大小-'+handle）.trigger({
键入：“mousedown”，
其中:1,，
pageX:x，
佩吉：是的
})

你能澄清你问题的措辞吗？只需检查“小提琴”链接浏览该图像中的一幅图像单击任意位置并拖动一次。这意味着选择某部分。当我尝试鼠标单击并拖动它时，它不会调整大小，当我单击一次并尝试重新调整大小后，它工作正常。我希望单击并一次重新调整大小