javascript - 提交表单后保持 div 可见

Question

我有一个 div，<div class="sectionCarouselCapabillities"> ... </div>默认情况下，除非您对下拉菜单进行更改，否则它是隐藏的。所以如下:

    $('.carouselUser').change(function(){
        $('.sectionCarouselCapabillities').show()
    });

声明当选择框时 - 类:carouselUser改变状态，我们显示 div sectionCarouselCapabillities .太棒了。

问题？

提交表单后，div 不再可见，因为下拉列表没有变化......

那么我需要更改什么才能使其在更改后显示并保持可见AFTER表单提交

Answer 1

而不是使用 show()，您可能想要添加一个类:

$('.carouselUser').change(function(){
    $('.sectionCarouselCapabillities').addClass('is-active');
});

在你的 CSS 中:

.sectionCarouselCapabillities.is-active { display: block; }

在服务器端，您可以检查表单是否已发布。如果是这样，请在 div 上添加 is-active 类。