我在页面上有一个 div 和一个显示图层的按钮。在该层上,我有按钮来添加边框并增加填充,从 div 的内容到边框。
当该用户然后单击“保存”时,该图层将再次隐藏,并且主页上的原始 div 将使用新的边框详细信息进行更新。
我使用 ajax 将详细信息发送到数据库,然后在主页上再次调用它们作为刷新。
我遇到的问题是,当原始 div 从数据库中获取更改的详细信息并更新原始 div 时,如果填充有任何增加,则底部和左侧边框消失。
现在我不确定这是否与原始 div 的宽度小于宽度加上填充有关,或者是否存在其他问题。
我试图通过使用 jquery outerWidth 设置宽度以匹配 div 与填充和边框,但左侧和底部仍然没有显示。
如果我刷新页面,它们就在那里。
这是更新原始 div 之后的功能:
function UpdateElementOfParentBorder(box_id, page_ref, template_ref, image_box) {
var myBox = "image"+box_id;
$.getJSON("get_border_content.php", { box_id: box_id, page_ref: page_ref, template_ref:template_ref } )
.done(function(data)
{
$('#'+myBox).css('padding',data.e+'px');
$('#'+myBox).css('border-width', data.a+'px');
$('#'+myBox).css('border-color',data.b);
$('#'+myBox).css('border-style',data.d);
var outerwid=$('#'+myBox).outerWidth(false);
$('#'+myBox).width(outerwid);
});
}