Question

我在页面上有一个div和一个显示图层的按钮。在该图层上，我有一些按钮可以添加边框并增加填充，从div的内容到边框。

当该用户点击“保存”时，该图层将再次隐藏，主页面上的原始div将使用新的边框详细信息进行更新。

我使用ajax将详细信息发送到数据库，然后在主页上再次调用它们作为刷新。

我遇到的问题是，当原始div从db中获取更改的详细信息并更新原始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);      

    });     
}

Answer 1

成功解决了这个问题。我不知道图像的大小，因此它不再适合外部div的对立面，因此重叠了底部和左边界。我修复了它，但更改了外部div的宽度和高度，只是将图像宽度和高度设置为100％

填充增加后，css边框消失

1 个答案: