在追加後拖動不工作

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;});