ページに div があり、レイヤーを表示するボタンがあります。そのレイヤーには、境界線を追加し、div のコンテンツから境界線までのパディングを増やすためのボタンがあります。
そのユーザーが「保存」をクリックすると、レイヤーが再び非表示になり、メイン ページの元の div が新しい境界線の詳細で更新されます。
私は ajax を使用して詳細を db に送信し、メイン ページで更新として再度呼び出します。
私が抱えている問題は、元の 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);
});
}