Jquery epagex和offset的问题
你好,社区,我需要帮助。我正试着这么做Jquery epagex和offset的问题,jquery,css,Jquery,Css,你好,社区,我需要帮助。我正试着这么做 jQuery(document).ready(function() { jQuery('.slider-left-image').on( "mousemove", function(e) { var offset = $(this).offset(); jQuery('.slider-left-image').css("width", e.pageX - offset.left); jQuery('#koordinatesX')
jQuery(document).ready(function() {
jQuery('.slider-left-image').on( "mousemove", function(e) {
var offset = $(this).offset();
jQuery('.slider-left-image').css("width", e.pageX - offset.left);
jQuery('#koordinatesX').val(e.pageX - offset.left);
jQuery('#koordinatesY').val(e.pageY - offset.top);
});
});
但当我调整它的大小时,它并没有回到右边。你能帮助我吗?当我使用此选项时:
jQuery('#koordinatesX').val(e.pageX - offset.left);
它从0宽度返回到设置640。但有了这一点:
jQuery('.slider-left-image').css("width", e.pageX - offset.left);
它会变为零,但不会回到640,等等这里是JSFIDLE:
您的代码片段无法工作。我对它做了一点修改,它显示了一些东西。。。不知道你是什么意思。可能是您正在尝试调整图像的大小,而图像的宽度下降到0,但您无法改变方向 以下是您的代码片段: 基本上试着用一个更大的偏移量来代替这个
jQuery('.slider-left-image').css("width", e.pageX - offset.left);
请执行以下操作:
jQuery('.slider-left-image').css("width", e.pageX - offset.left + 5 );
它所做的是,它扩展了记录鼠标光标移动的区域,这意味着它实际上可以记录并处理右移动,而前面的代码只处理向左移动