Question

我有一个页面，其中有许多区域可供您点击折叠，但我想保存用户在帐户服务器端折叠的部分的首选项，这样当他们重新访问页面时，他们之前折叠的部分将会保持这种状态。

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

以下是用户点击的按钮：

<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()并在backend.php张贴开/关div的值并在同一页面中运行open-close？

像

这样的东西

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

如何制作bootstrap折叠部分还提交表单？

1 个答案: