您好我需要热点选择热点问题类型管理员在我们需要捕获该热点位置的图像中。在用户端基于点击我们需要找出用户点击有效与否。我正在获得职位,但我面临问题热点重新调整鼠标大小可以任何人帮助我完成任务..鼠标按下并重新调整大小的问题
找到链接
http://jsfiddle.net/sarath704/Ju5cA/1/
只需检查小提琴链接浏览该图像中的一个图像,单击任意位置并拖动一次。意味着选择一些部分。当我尝试鼠标点击+拖动它没有调整大小时,当我点击一次后,我尝试重新调整大小它工作正常。我希望一次点击+重新调整大小
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
})