引導合攏面板保持一個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開放後提交

回答

相關問題