从ajax返回的html中的类调用jQuery函数

Question

我想在我的页面上使用 jquery 和 ajax。我有 ajax 调用返回的 HTML 代码function GetList() {                $.ajax({                    url: "/List.asmx/List1",                    type: "GET",                    dataType: "json",                    data: {                    },                    contentType: "application/Json; Charset= Utf-8",                    success: function (data) {                        var list = "";                        $.each(data.d, function (index, item) {                            list += '<div itemid=' + item.Nu + ' class="btn btn-default box">' + item.Name + '</div>';                        });                        $("#container1").html(list);                    },                    error: function (response) {                        alert(response);                    }                });            }在这个 HTML 中，我有一个名为“box”的类和这个函数 jquery to use box$('.box').draggable({                    cursor: 'move',                    helper: "clone"                });这个类没有被jquery使用的问题，有人有什么建议吗？

Answer 1

问题是 draggable 函数只适用于 DOM 元素，而不适用于动态创建的元素。

可以重新调用AJAX done中的draggable函数来解决问题。

function GetList() {

            $.ajax({

                url: "/List.asmx/List1",

                type: "GET",

                dataType: "json",

                data: {

                },

                contentType: "application/Json; Charset= Utf-8",

                success: function (data) {

                    var list = "";

                    $.each(data.d, function (index, item) {

                        list += '<div itemid=' + item.Nu + ' class="btn btn-default box">' + item.Name + '</div>';

                    });

                    $("#container1").html(list);

                },

                done: function (response) {

                    $('#container1 .box').draggable({

                        cursor: 'move',

                        helper: "clone"

                    });

                },

                error: function (response) {

                    alert(response);

                }

            });

        }