引导合拢面板保持一个div开放后提交

我有一个手风琴DIV（面板崩溃），在面板结束时，我有一个提交按钮，最初，all the panel div are closed，我想保留提交重新加载后div的状态相同。引导合拢面板保持一个div开放后提交

<div class="panel-group"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
     <h4 class="panel-title"> 
      <a data-toggle="collapse" href="#collapse1">Collapsible panel</a> 
     </h4> 
     </div> 
     <div id="collapse1" class="panel-collapse collapse"> 
     <div class="panel-body">Panel Body</div> 
     <div class="panel-footer">Panel Footer</div> 
     </div> 
    </div> 

<div class="panel panel-default"> 
     <div class="panel-heading"> 
     <h4 class="panel-title"> 
      <a data-toggle="collapse" href="#collapse2">Collapsible panel</a> 
     </h4> 
     </div> 
     <div id="collapse2" class="panel-collapse collapse"> 
     <div class="panel-body">Panel Body</div> 
     <div class="panel-footer">Panel Footer</div> 
     </div> 
    </div> 
    </div>

来源

2016-06-14 smile 22121

您应该使用AJAX方法来做到这一点;否则，您应该将所有状态发送到服务器，并在客户端支持时重置它们。 –

如何获取折叠div的状态？ –

你的语言是什么？ –

定期提交表单的页面重新加载获取并重置一切，但如果你提交异步用ajax什么都不会改变你的页面的表单。使用php + jQuery，你可以做这样的事情：

$(document).on("click","#submitButton",function(e) { 
    e.preventDefault(); 

    var formData = $("#formID").serialize(); 

    $.post("your_php_file.php",formData,function(response) { 
     console.log(response); 
    }); 
});

来源

2016-06-14 11:44:40

唯一的方法来保持设置没有异步请求是使用cookie。您可以通过JavaScript将它们设置：（http://www.w3schools.com/js/js_cookies.asp）

大概像分配活跃折叠面板

var active_panels=[0,1,2]; 
$.cookie('active_panels', JSON.stringify(active_panels))

数组没有看到jQuery的W3C规范

来源

2016-06-14 14:19:58 f7o

引导合拢面板保持一个div开放后提交

回答

相关问题