javascript - Jquery .show 不更改显示属性

Question

我正在生成脚本，该脚本应该在使用 F5 或浏览器后退按钮重新加载页面后选择值。

JQuery 已加载，元素位于页面上，下面的屏幕截图显示我在控制台中运行 $('.isEstateOver325K').show() 和剩余元素 display:none.

我一定在这里遗漏了一些明显的东西。

应该改变可见性的脚本是由另一个触发元素上的 change 和 click 触发的，如果这就是原因，那会很奇怪，因为它可以正常工作一些不同的元素 - 仍然值得一提。

(function() {

$(
    "[name='MaritalStatus'][value='Single'],[name='MaritalStatus'][value='Divorced'],[name='MaritalStatus'][value='Co-habiting']"
).closest('.quote-form__question').click(function() {
    if ($(
            "[name='MaritalStatus'][value='Single'],[name='MaritalStatus'][value='Divorced'],[name='MaritalStatus'][value='Co-habiting']"
        ).is(':checked')) {
        $(".isEstateOver325K").show();
        $(".isEstateOver325K").addClass('quote-form--active');
    } else {
        $(".isEstateOver325K").hide();
    }
});

});
$(function() {
    $("[name='MaritalStatus'][value='Single']").trigger("click");
    $("[name='MaritalStatus'][value='Single']").trigger("change");
});

我肯定有人经历过类似的事情，为什么不更改为 display:block？

Answer 1

尝试使用:

$('').attr('style','display:block;')