Javascript .change（）函数不起作用

我正在使用.change（）函数检查输入中的更改，并在发生更改时发出警报，但我一定是做错了什么，因为这不起作用：

---

输入文本，然后调出焦点事件似乎会触发，我认为在你模糊之前不会触发更改

将事件更改为

$（'.convert'）。on（'keyup'，function（）{alert（'foo'）；}）（感谢Chris B.）

查看更新的fiddle:
输入文本，然后将焦点调出事件似乎会触发，我认为在模糊之前不会触发更改

将事件更改为
$（'.convert'）。on（'keyup'，function（）{alert（'foo'）；}）（感谢Chris B.）

查看更新的fiddle:
输入文本，然后将焦点调出事件似乎会触发，我认为在模糊之前不会触发更改

将事件更改为
$（'.convert'）。on（'keyup'，function（）{alert（'foo'）；}）（感谢Chris B.）

查看更新的fiddle:
输入文本，然后将焦点调出事件似乎会触发，我认为在模糊之前不会触发更改

将事件更改为
$（'.convert'）。on（'keyup'，function（）{alert（'foo'）；}）（感谢Chris B.）

查看更新的小提琴：
嗯。你能试试这个吗

$('document').on('change', '.convert', function(){
  alert("it works :-)");
});

嗯，你能试试这个吗

$('document').on('change', '.convert', function(){
  alert("it works :-)");
});

嗯，你能试试这个吗

$('document').on('change', '.convert', function(){
  alert("it works :-)");
});

嗯，你能试试这个吗

$('document').on('change', '.convert', function(){
  alert("it works :-)");
});

滑块有自己的更改事件


$(document).ready(function() {
    var sizes = ["0", "1", "2", "3", "4", "5", "5", "6", "7"];

  $("#slider").slider({
        orientation: "vertical",
        range: "min",
        animation:false,
        min: 0,
        max: 8,
        value: 0,
    slide: function(event, ui) {
        $('.convert').val(sizes[ui.value]);      
    },
      change:function(){                     //called onchange
          alert("slider changed");  
      }
  });

});

滑块有自己的更改事件


$(document).ready(function() {
    var sizes = ["0", "1", "2", "3", "4", "5", "5", "6", "7"];

  $("#slider").slider({
        orientation: "vertical",
        range: "min",
        animation:false,
        min: 0,
        max: 8,
        value: 0,
    slide: function(event, ui) {
        $('.convert').val(sizes[ui.value]);      
    },
      change:function(){                     //called onchange
          alert("slider changed");  
      }
  });

});

滑块有自己的更改事件


$(document).ready(function() {
    var sizes = ["0", "1", "2", "3", "4", "5", "5", "6", "7"];

  $("#slider").slider({
        orientation: "vertical",
        range: "min",
        animation:false,
        min: 0,
        max: 8,
        value: 0,
    slide: function(event, ui) {
        $('.convert').val(sizes[ui.value]);      
    },
      change:function(){                     //called onchange
          alert("slider changed");  
      }
  });

});

滑块有自己的更改事件


$(document).ready(function() {
    var sizes = ["0", "1", "2", "3", "4", "5", "5", "6", "7"];

  $("#slider").slider({
        orientation: "vertical",
        range: "min",
        animation:false,
        min: 0,
        max: 8,
        value: 0,
    slide: function(event, ui) {
        $('.convert').val(sizes[ui.value]);      
    },
      change:function(){                     //called onchange
          alert("slider changed");  
      }
  });

});

输入文本然后调出焦点事件似乎会触发，我认为在你模糊之前不会触发更改。你说不工作是什么意思？它正在按预期工作。。。手动更改值不会触发更改，只需执行
.val（大小[ui.value]）.trigger（'change'）
正如@ZachLeighton所说：只有在模糊时才会触发。您可以将其更改为keyup事件。@karl谢谢，这非常有效，您可能希望将其添加为答案…我忘记触发更改…@Alin不确定这是否真的是问题所在，现在我确定，我将其标记为重复！输入文本然后调出焦点事件似乎会触发，我认为在你模糊之前不会触发更改。你说不工作是什么意思？它正在按预期工作。。。手动更改值不会触发更改，只需执行
.val（大小[ui.value]）.trigger（'change'）
正如@ZachLeighton所说：只有在模糊时才会触发。您可以将其更改为keyup事件。@karl谢谢，这非常有效，您可能希望将其添加为答案…我忘记触发更改…@Alin不确定这是否真的是问题所在，现在我确定，我将其标记为重复！输入文本然后调出焦点事件似乎会触发，我认为在你模糊之前不会触发更改。你说不工作是什么意思？它正在按预期工作。。。手动更改值不会触发更改，只需执行
.val（大小[ui.value]）.trigger（'change'）
正如@ZachLeighton所说：只有在模糊时才会触发。您可以将其更改为keyup事件。@karl谢谢，这非常有效，您可能希望将其添加为答案…我忘记触发更改…@Alin不确定这是否真的是问题所在，现在我确定，我将其标记为重复！输入文本然后调出焦点事件似乎会触发，我认为在你模糊之前不会触发更改。你说不工作是什么意思？它正在按预期工作。。。手动更改值不会触发更改，只需执行
.val（大小[ui.value]）.trigger（'change'）
正如@ZachLeighton所说：只有在模糊时才会触发。您可以将其更改为keyup事件。@karl谢谢，这非常有效，您可能希望将其添加为答案…我忘记触发更改…@Alin不确定这是否真的是问题所在，现在我确定，我将其标记为重复！卡尔指出了我的错误……这正是我要找的+答案是1。卡尔指出了我的错误……这就是我一直在寻找的+答案是1。卡尔指出了我的错误……这就是我一直在寻找的+答案是1。卡尔指出了我的错误……这就是我一直在寻找的+答案是1。卡尔指出了我的错误……这就是我一直在寻找的+答案是1。卡尔指出了我的错误……这就是我一直在寻找的+答案是1。卡尔指出了我的错误……这就是我一直在寻找的+答案是1。卡尔指出了我的错误……这就是我一直在寻找的+答案是1。卡尔指出了我的错误……这就是我一直在寻找的+答案是1。卡尔指出了我的错误……这就是我一直在寻找的+答案是1。卡尔指出了我的错误……这就是我一直在寻找的+答案是1。卡尔指出了我的错误……这就是我一直在寻找的+答案是1。