Javascript 改进我自己的'；捕捉到'；jQuery.Gantt的功能

我正在使用jQuery.Gantt，并试图将我自己的快照功能添加到图表中的条形图中

我最初的想法是使图表中的每个单元格/天都可以调整大小，并使用jQuery UI的“可调整大小的扩展”使这些元素可以捕捉，这样就可以让条形图捕捉到单元格

然而，单元格/天只是一个大元素中的重复背景图像，而不是单个HTML元素本身（如我所想）

我的新想法是将图表上重新调整大小的条形图的长度与数值进行比较。例如，一个单元格=24px，如果新的宽度大于24和36，并且36&&end_宽度48&&end_宽度<60） { $（此）。宽度（48）； }

---

否则，如果（end_width>60&&end_width正确，我会使用下面的代码设法解决这个问题：

var one_cell = 24; //Width of one cell/day
var mod;
var start_width; //Width of element before resizing
var new_width; //Width after resizing

new_width = $(this).width();
mod = new_width % one_cell;

    if(new_width <= one_cell){ //Prevents half days
            $(this).width(one_cell);
    }
    else if(mod == 0){ //Set width to new width if dragged accurately
            $(this).width(new_width);
    }
    else if(mod >1 && mod <= 23 ){ //Snap Feature
            var mult = Math.ceil(new_width / one_cell);
            $(this).width(one_cell * mult);
    }

var one_cell=24；//一个单元格的宽度/天
var-mod；
var start_width；//调整大小前元素的宽度
var new_width；//调整大小后的宽度
new_width=$（this）.width（）；
mod=新的\u宽度%1个\u单元；
如果（新的）宽度1&&mod
var one_cell = 24; //Width of one cell/day
var mod;
var start_width; //Width of element before resizing
var new_width; //Width after resizing

new_width = $(this).width();
mod = new_width % one_cell;

    if(new_width <= one_cell){ //Prevents half days
            $(this).width(one_cell);
    }
    else if(mod == 0){ //Set width to new width if dragged accurately
            $(this).width(new_width);
    }
    else if(mod >1 && mod <= 23 ){ //Snap Feature
            var mult = Math.ceil(new_width / one_cell);
            $(this).width(one_cell * mult);
    }