Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery epagex和offset的问题_Jquery_Css - Fatal编程技术网

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 );
它所做的是,它扩展了记录鼠标光标移动的区域,这意味着它实际上可以记录并处理右移动,而前面的代码只处理向左移动