Как поместить div рядом с щелчком мыши с помощью JQuery? Как поместить div рядом с щелчком мыши с помощью JQuery? Спасибо Ответ 1 Вы можете попробовать: $( "td").click( function(event) { $("#divId").css( {position:"absolute", top:event.pageY, left: event.pageX}); }); После того, как в комментарии был задан дополнительный вопрос: $( "td").click( function(event) { var div = $("#divId"); div.css( { position:"absolute", top:event.pageY, left: event.pageX}); var delayTimer = setTimeout( function( ) { $that.fadeIn( "slow"); }, 100); div.mouseover( function( event) { if (delayTimer) clearTimeout( delayTimer); }).mouseout( function(){ if (delayTimer) clearTimeout( delayTimer); var $that = $(this); delayTimer = setTimeout( function( ) { $that.fadeOut( "slow"); }, 500) }); }); Ответ 2 Что-то вроде: $('#cell').bind('click', function(e){ $('#div').css('left',e.pageX + 'px' ); $('#div').css('top',e.pageY + 'px' ); }); Позиция div должна быть абсолютной.
Ответ 1 Вы можете попробовать: $( "td").click( function(event) { $("#divId").css( {position:"absolute", top:event.pageY, left: event.pageX}); }); После того, как в комментарии был задан дополнительный вопрос: $( "td").click( function(event) { var div = $("#divId"); div.css( { position:"absolute", top:event.pageY, left: event.pageX}); var delayTimer = setTimeout( function( ) { $that.fadeIn( "slow"); }, 100); div.mouseover( function( event) { if (delayTimer) clearTimeout( delayTimer); }).mouseout( function(){ if (delayTimer) clearTimeout( delayTimer); var $that = $(this); delayTimer = setTimeout( function( ) { $that.fadeOut( "slow"); }, 500) }); });
Ответ 2 Что-то вроде: $('#cell').bind('click', function(e){ $('#div').css('left',e.pageX + 'px' ); $('#div').css('top',e.pageY + 'px' ); }); Позиция div должна быть абсолютной.