추가 후에 드래그 가능하지 않음

Question

ajax 호출을 통해 append()를 수행 한 후 내 버튼을 드래그 할 수 없게하는 데 문제가 있습니다.

명백한 오류가 있습니까? 감사!

$(document).ready(function() { 
    $("#exAutoTxt").keypress(function() { 
     $.ajax({ 
      url: '@Url.Action("exerciseAutocomplete")', 
      dataType: "json", 
      data: { 
       'term': $("#exAutoTxt").val() 
      }, 
      dataType: "text", 
      success: function (data) { 
       var exArray = JSON.parse(data); 
       $(".exResults").html(""); 
       for (var x = 0; x < exArray.length ; x++) { 
        $(".exResults").append("<button class='exNameBtn btn'>" + exArray[x] + "</button> <br/> <br/>"); 
       } 


       $('.exNameBtn').draggable(); 

      } 
     }); 
    }) 
}); 

Answer 1

버튼을 클릭하면 기본적으로 요청이 실행됩니다. 드래그를 사용하려면 으로 비활성화해야합니다.

$('.exNameBtn').draggable({cancel: false;});