Jquery 我计算纵横比，但当旧值更改时，它应该更新

我正在使用jCrop，我需要一个设置的纵横比。例如，如果有人在X文本框中输入“2”，在Y文本框中输入“2”，则纵横比应为1

但是，如果我更改文本框上的值（例如更改为3和1），jCrop应该获得新值。现在它只是初始化，不回头

代码如下。（我试了很多次，但都没弄明白。）

-JQUERY-
jQuery（函数（$）{
var numberX=$（'#numberX'）.val（）；
var numberY=$（'#numberY'）.val（）；
$（'jcrop_target'）。jcrop({
aspectRatio:（$（this.numberX/$（this.numberY）），
…其余代码
-HTML-

TLDR；当我更改numberX和numberY文本框的值时，它应该反映到jCrop。jCrop只保留init值。当文本框上的值更改时，应该重新计算纵横比

---

非常感谢您的帮助！

将您的代码转换为

函数（）

。然后使用jQuery，您可以在

文档上运行该函数。准备好了
并进行更改（请参阅）

比如说,

function changenumbers(){
   var numberX = $('#numberX').val();
   var numberY = $('#numberY').val();

   $('#jcrop_target').Jcrop({
      aspectRatio: ($(this).numberX / $(this).numberY),
   /* ... rest of the code */
}
$document.ready(function(){
   changenumbers();
   $("#numberX").change(function(){ changenumbers(); }
   $("#numberY").change(function(){ changenumbers(); }
}

function changenumbers(){
   var numberX = $('#numberX').val();
   var numberY = $('#numberY').val();

   $('#jcrop_target').Jcrop({
      aspectRatio: ($(this).numberX / $(this).numberY),
   /* ... rest of the code */
}
$document.ready(function(){
   changenumbers();
   $("#numberX").change(function(){ changenumbers(); }
   $("#numberY").change(function(){ changenumbers(); }
}