亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

從ajax返回的html中的類調用jQuery函數

從ajax返回的html中的類調用jQuery函數

翻閱古今 2022-12-09 18:57:35
我想在我的頁面上使用 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使用的問題,有人有什么建議嗎?
查看完整描述

1 回答

?
呼如林

TA貢獻1798條經驗 獲得超3個贊

問題是 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);

                }

            });

        }


查看完整回答
反對 回復 2022-12-09
  • 1 回答
  • 0 關注
  • 117 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號