selectable lost area selected using animate zoom

selectable lost area selected using animate zoom


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

                    $("#amount").html("" + parseInt((ui.value) * 100) + "%");
                    $('#<%= GridView1.ClientID%>').animate({ zoom: ui.value }, 1);

                    //selectable___();
                }
            });
            $("#amount").html("100%");



function selectable___() {

            $(document).ready(function () {
                $("#<%= GridView1.ClientID%>").selectable({

                    filter: "td[free='yes']",
                    appendTo: "div[id=contienegrid]",
                    stop: function () {
                        var result = $("#select-result").empty();
                        $(".ui-selected", this).each(function () {
                            var dia__ = $(this).attr("infodia");
                            if (!ExisteItem(dia__)) {
                                result.append(" #" + dia__);
                                diasSeleccion.push({ infodia: dia__ });
                            }
                        });
                    },
                    unselected: function (event, ui) { var e = $(ui.unselected); removeItem(e.attr("infodia")); },
                    unselecting: function (event, ui) { var e = $(ui.unselecting); removeItem(e.attr("infodia")); }
                });

            });
        };


The grid works regularly when using the select at normal view, 100%, however if changing the size to a smaller or the zoom, the select does not work properly. On the other hand, the option check works perfectly at any views