让我解释一下我想要实现的目标。目前,我有按钮,想要添加图像和添加文本。我有父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;
});
});
答案 0 :(得分:1)
最后我得到了解决方案。在上面的问题中,我附加了div,现在我也在上面的附加声明后明确定义了div的位置。