0

我在页面上有一个 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);      

    });     
}
4

1 回答 1

2

设法解决了这个问题。我正在增加图像的大小,因此它不再适合外部 div 的约束,因此与底部和左侧边框重叠。我修复了它,但改变了外部 div 的宽度和高度,只是将图像宽度和高度设置为 100%

于 2013-05-08T08:26:43.287 回答