无法将div放在另一个div上

时间:2011-12-12 17:30:29

标签: css

让我解释一下我想要实现的目标。目前,我有按钮,想要添加图像和添加文本。我有父div容器,其中所有子div动态添加。

添加图像按钮在父div中添加带有图像的img标签,添加文本按钮使用append方法在父内部添加包含文本的div。

但是我想要的是,当我创造它们时,它们应该放在一个特定的位置,这将是所有人共同的。让我们取父母的中心,所以当我添加图像或文本时,它应该在父母的中心创建

添加动态图片的代码

  $(document).ready(function () { 
        $('#addImage').click(function () { 
            var url = 'Default.aspx'; 
            var dialog = $('<iframe"></iframe>').appendTo('body'); 
            dialog.load(url).dialog('open').dialog({ modal: true, width: 480,resizable: false ,open: function (type, data) { $(this).parent().appendTo("form"); },
            buttons: {
        'OK': function() {

        var img = document.createElement('img');
           $(img).attr("id", "dyndiv" + count);
           $(img).attr("width", 60);
           $(img).attr("height", 140);
           $(img).attr("src", 'Uploads/'+ $get('dvFileName').innerHTML) ;
           var $ctrl = $(img).addClass("draggable ui-widget-content").draggable({ containment: '#containment-wrapper', cursor: 'move', snap: '#containment-wrapper' });
           objid = "dyndiv" + count ;
           count++;

            $("#containment-wrapper").append($ctrl);
           $(this).dialog('destroy');
          },
        'Cancel': function() {
            $(this).dialog('destroy');
            // I'm sorry, I changed my mind                 
        }
    }                
             }); 

            return false; 

        }); 
    }); 

1 个答案:

答案 0 :(得分:1)

最后我得到了解决方案。在上面的问题中,我附加了div,现在我也在上面的附加声明后明确定义了div的位置。