AJAX调用后，按钮大小缩小

Question

HTML如下：

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

在AJAX呼叫之前，我的按钮看起来像这样：

在AJAX Call之后，我的按钮缩小了，就像这样：

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内容，则可能需要考虑内联样式化新内容。