0
使用JQuery JEditable,我在下面的代码中允许用户创建虚拟便利贴,可以这么说,我试图让它在旁边每个创建的div,一个用户可以简单点击的删除图像。我觉得我快到了,我只是想念一些东西。截至目前,图片只出现在附加div的右侧,而不是第一个div旁边。有任何想法吗?我应该动态创建第一个div吗?将图像对齐到div的右侧
<script type="text/javascript">
$(document).ready(function() {
$('.edit_area').editable(function(value, settings) {
return (value);
}, {
type: 'textarea',
onblur: 'submit',
indicator: 'Saving...',
callback: function(value, settings) {
$.post('<%=Url.Action("SetPostieNotes", "Posties") %>', { id: 0, content: escape(value) }
);
function S4() {
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
}
var uuid = (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
var del_img = $('<div><img src="<%=Url.Content("~/Content/images/delete_14.png") %>" /> </div>');
var new_div = $('<div style="float: left; width:98%; text-align: left;" id=' + uuid + '>')
.addClass('edit_area')
.editable('<%=Url.Action("SetPostieNotes", "Posties") %>', settings);
$(this).parent().append(new_div);
$(this).parent().append(del_img);
}
});
});
</script>
<div style="float: left; width:98%; text-align: left;" class="edit_area" id="empty"></div>
试过但它不起作用。 :( –
什么是第一个div?它是否从示例中缺失?我没有在这里看到与img的div ... –