Draggable не работает после append

Question

У меня проблемы с перетаскиванием кнопок после добавления() через вызов ajax.

Кто-нибудь видит очевидную ошибку? Благодаря!

$(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

Кнопки запускают запрос по клику по умолчанию. вам необходимо отключить его с помощью cancel: false, чтобы включить перетаскивание:

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