Questão de corte de imagem JavaScript - javascript

Eu estou usando este código para selecionar a área da imagem que precisa ser cortada.

function preview(img, selection) {
var scaleX = 100 / selection.width;
var scaleY = 100 / selection.height;

$("#thumbnail + > img").css({
width: Math.round(scaleX * 354) + "px",
height: Math.round(scaleY * 448) + "px",
marginLeft: "-" + Math.round(scaleX * selection.x1) + "px",
marginTop: "-" + Math.round(scaleY * selection.y1) + "px"
});
$("#x1").val(selection.x1);
$("#y1").val(selection.y1);
$("#x2").val(selection.x2);
$("#y2").val(selection.y2);
$("#w").val(selection.width);
$("#h").val(selection.height);
}


$(window).load(function () {
$("#thumbnail").imgAreaSelect({ x1: 120, y1: 90, x2: 280, y2: 210, aspectRatio: "1:1", onSelectChange: preview });

});

Isso funciona bem, mas eu estou usando guias para mostrar seções diferentes. Quando eu clico na próxima guia, posso ver o cortador de imagem que eu não quero. Como posso resolver isso?

Respostas:

OI, Eu acho que você está usando um div como o cortador de imagem. Se for esse o caso, você pode definir o atributo div style.display = "none" quando clicar na outra guia.