javascript - 如何使 bootstrap Collapse 部分也提交表单？

Question

我有一个页面，其中包含很多可以单击折叠的区域，但我想将用户在帐户服务器端折叠的部分的首选项保存下来，这样当他们重新访问该页面时，他们之前折叠的部分就会出现保持这种状态。

我的问题是，我无法让按钮同时折叠并在后台提交 http post 表单，我可以执行其中一项操作，但不能在一个按钮上同时执行两项操作。

这是用户单击的按钮:

<button type="button" class="btn btn-mini btn-link" data-toggle="collapse" data-target="#Section_1" name="button" value="save_collapse_choice_1"><strong>Section 1</strong></button>

这是将折叠或打开的部分

<div id="Section_1" class="collapse in">
This will collapse (And does)
</div>

然后，我在页面中只有一个名为 backend.php 的表单，如果我的按钮上没有 data-toggle="collapse"，则该表单将使用名称按钮和值 save_collapse_choice_1 成功提交

显然，当我在实际页面中使用此内容时，class="collapse in"中会有一些 PHP 来添加或删除“in”部分，具体取决于该用户帐户的服务器上存储的设置。

Answer 1

为什么不使用$.ajax()并将打开/关闭div的值发布到backend.php并在同一页面中运行打开-关闭？

类似于

$('button[data-toggle="collapse"]').click(function() {
    /* open and close code */
    $.ajax() {
        url: 'backend.php&save-collapse-choice'
    });
});