javascript - AJAX 调用后按钮尺寸缩小

Question

HTML 如下:

<input type="button" class="button" id="addBtnId" value="Save" />
<input type="reset" class="button" id="resetBtnId" value="Reset" />

在 AJAX 调用之前我的按钮看起来像这样:

在 AJAX 调用之后，我的按钮缩小并变成这样:

AJAX:

$.ajax({
        type: "POST",
        url: saveCityUrl,
        data :  $("#cityForm").serializeObject() ,
        success: function(response){
            var cityform = $(response).find('#cityDivId').html(); 
            $('#cityDivId').html( cityform );
        }           
    });

Answer 1

我的猜测是你在按钮的填充上有 CSS 样式，然后当 Ajax 调用发生时你用新内容替换 div 内容，但因为它在页面加载时不在 DOM 中，即使通过它们与要替换的按钮具有相同的 ID，它们不受样式规则的影响。

如果是这种情况并且您要替换 DOM 内容，您可能需要考虑对新内容进行内联样式设置。