Question

我有一些jquery切换div以在点击按钮时显示一些额外的搜索字段。但是这些字段有一个onchange事件（“this.form.submit（）”）所以每次使用它们都会关闭div。

我想我需要设置一些cookie来保持div打开，直到按下重置按钮。当前脚本是

<script type="text/javascript">
$(function ($) {
var reveal_wrapper = $('.advancedsearch');
$('button.advancedsearchbutton').click(function () {
    $(this).toggleClass('open');
    reveal_wrapper.slideToggle(400);
    return false;
});
});
</script>

Answer 1

您不需要任何Cookie ...您可以使用变量来保持div打开/关闭。每次调用onchange事件时，您都可以测试div的状态。如果您可以选择关闭div或打开

Answer 2

使用：

$('button.advancedsearchbutton').click(function (e) {
    $(this).toggleClass('open');
    reveal_wrapper.slideToggle(400);
    e.stopPropagation();
    return false;
});

在此处详细了解e.stopPropagation()：https://api.jquery.com/event.stoppropagation/

切换div并保持打开状态

2 个答案: