追加后拖拽不起作用

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