Javascript jquery ui可选的丢失区域缩放动画

使用“在正常视图下选择”（100%）时，栅格会正常工作，但是，如果将大小更改为较小或缩放，则“选择”无法正常工作。另一方面，选项检查在任何视图中都能完美工作

范例

---

不要使用缩放，可选择的小部件会忽略它。而是在滑块更改时设置高度和宽度

移开！在css中使用以下宽度和高度非常重要

    .cell
    {
        ...
        width: 200px;
        ...
    }
    .cellcalday
    {
        ...
        height: 100px;
        ...
    }
    .cellcalfds
    {
        ...
        height: 100px;
        ...
    }

像这样更改脚本

            $("#slider").slider({
            value: 1,
            min: 0.1,
            max: 2,
            step: 0.1,
            slide: function (event, ui) {

                $("#amount").html("" + parseInt((ui.value) * 100) + "%");
                //$('#ctl00_container_GridView1').animate({ zoom: ui.value }, 1);
                $("table#ctl00_container_GridView1 tr td.cell").css('width', Math.round(200 * ui.value));
                $("table#ctl00_container_GridView1 tr th.cell").css('width', Math.round(200 * ui.value));
                $("table#ctl00_container_GridView1 tr td.cellcalday").css('height', Math.round(100 * ui.value));
                $("table#ctl00_container_GridView1 tr td.cellcalfds").css('height', Math.round(100 * ui.value));

            }
        });

---

jshiddle here:

使用Chrome最新版本，这里没有明显的问题。你说的select？Me是什么意思？当我应用zoom+-，100%Perfectly时，问题就出现了。但是，使用西班牙语名称作为变量和函数并不是最好的主意，因为这里的大多数人都说英语。我会记住下一次。你知道我该怎么解决吗？

            $("#slider").slider({
            value: 1,
            min: 0.1,
            max: 2,
            step: 0.1,
            slide: function (event, ui) {

                $("#amount").html("" + parseInt((ui.value) * 100) + "%");
                //$('#ctl00_container_GridView1').animate({ zoom: ui.value }, 1);
                $("table#ctl00_container_GridView1 tr td.cell").css('width', Math.round(200 * ui.value));
                $("table#ctl00_container_GridView1 tr th.cell").css('width', Math.round(200 * ui.value));
                $("table#ctl00_container_GridView1 tr td.cellcalday").css('height', Math.round(100 * ui.value));
                $("table#ctl00_container_GridView1 tr td.cellcalfds").css('height', Math.round(100 * ui.value));

            }
        });