0

要素をドラッグ可能にする次のコードがあります。

$('.item').draggable({
        revert : true,
        zIndex: 1,
        containment: "window"
    });

そして、コードは中に書かれています

jQuery(window).ready(function(){})

これらの item 要素は動的に削除されるため、ページが一度読み込まれると、アイテムはドラッグできません! しかし、ページを更新すると、ドラッグ可能になります。ページの初回ロード時に要素をドラッグ可能にするにはどうすればよいですか。

アップデート ：

これは、要素を動的に描画するために使用する関数です。

function populateUIItems(majorGroupId){
    var uiElement = $('.item').first();
    $('#item-list-section').empty();

    ajaxCall("/getItemByMajorGroup?mGroup=Beverage","GET",null,function(response){
        for(var i = 0; i < response.itemModel.length; i++){
            var clone = uiElement.clone();
            clone.children('.item-price').empty();
            clone.children('.item-price').append("<h4>" + response.itemModel[i].sellingPrice + "</h4>");
            clone.children('.item-name').empty();
            clone.children('.item-name').append("<h4>" + response.itemModel[i].description + "</h4>");
            clone.attr('id',response.itemModel[i].itemId);
            clone.css('background-image', "url(../images/item_bg.jpg)");
            $('#item-list-section').append(clone);
        }
    });

}
4

1 に答える 1

1

コメントで述べたように、動的に追加された要素のウィジェットを呼び出す必要があります。

function populateUIItems(majorGroupId){
    var uiElement = $('.item').first();
    $('#item-list-section').empty();

    ajaxCall("/getItemByMajorGroup?mGroup=Beverage","GET",null,function(response){
        for(var i = 0; i < response.itemModel.length; i++){
            var clone = uiElement.clone();
            clone.children('.item-price').empty();
            clone.children('.item-price').append("<h4>" + response.itemModel[i].sellingPrice + "</h4>");
            clone.children('.item-name').empty();
            clone.children('.item-name').append("<h4>" + response.itemModel[i].description + "</h4>");
            clone.attr('id',response.itemModel[i].itemId);
            clone.css('background-image', "url(../images/item_bg.jpg)");
            clone.appendTo('#item-list-section').draggable({
                revert : true,
                zIndex: 1,
                containment: "window"
            });
        }
    });
}
于 2013-05-08T10:44:02.887 に答える