.change() 함수가 작동하지 않습니다.

Question

.change() 함수를 사용하여 입력 내용의 변경 사항을 확인하고 변경 사항이 발생하면 경고를 표시하지만 작동하지 않는 잘못된 이유가 있습니다.

jsFiddle

$(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]);  
    } 
}); 

     $('.convert').change(function(e){ 
      alert("works?"); 
     }); 

     $('.convert').keypress(function(e){ 
      alert("works?"); 
     }); 

}); 

Answer 1

다음 이벤트가 발생하는 것 같다 초점이 텍스트를 입력, 나는

당신이

변경 이벤트 $('.convert').on('keyup', function(){ alert('foo');});에 (감사 크리스 B에) 흐리게 때까지 변화가 발생하지 않습니다 생각

업데이트 된 바이올렛보기 : http://jsfiddle.net/6ys3derm/2/

Answer 2

흠. 이거해볼 수 있니?

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

Answer 3

슬라이더가

fiddle

$(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"); 
     } 
    }); 

});