jquery ui accordion을 유지하는 방법 다른 페이지로 이동하면 클릭 된 항목이 강조 표시됩니다.

Question

jquery ui accordion은 ASP .NET MVC2 site.master 페이지의 탐색에 사용됩니다. 아코디언 패널에는 한 줄짜리 메뉴 항목이 있습니다.

일부 목록 항목을 클릭하면 새 페이지가로드되지만 아코디언은 첫 번째 패널을 엽니 다. 새 페이지를 열면 현재 패널을 열어두고 항목을 강조 표시하는 방법을 강조 표시 하시겠습니까?

$("#accordion").accordion({ 
     fillSpace: true, 
     autoHeight: false, 
     navigation: true, 
    collapsible: true 
}); 



<h3> 
    <a href="#">menugroup1</a></h3> 
    <div> 
     <ul> 
      <li><a target='DoklstlG' href='xxxxxx'> 
       item1</a></li> 
      <li><a target='DoklstlO' href='yyyyy'>item2</a></li> 
      <li><a target='UnpaidG' href='zzzzzzz'>item3</a></li> 
      <li>&nbsp;</li> 
... 
     </ul> 
    </div> 

<h3> 
    <a href="#">menugroup2</a></h3> 
<ul> 
    <li><a target='DoklstlVL' href='nnnnnnnn'>menuitem21</a></li> 
    <li><a target='DoklstlSL' href='mmmmmmmmmm'>menuitem22</a></li> 
... 

Answer 1

이 정보가 도움이되기를 바랍니다.

[HttpPost]  
public ActionResult MacSerialCheck(string index, string AccordionIndex) { 
if (AccordionIndex == ""){ 
ViewBag.AccordionIndex="0"; 
} 
else{ 
ViewBag.AccordionIndex=AccordionIndex; 
} 

: 클릭하면 제출

<script> 
    $(function() { 
     var activeIndex = parseInt($('#AccordionIndex').val()); 

     $("#accordion").accordion({ 
      collapsible: true, 
      active: activeIndex, 
      event: "mousedown", 
      change: function (event, ui) { 
       var index = $(this).children('h3').index(ui.newHeader); 
       $('#AccordionIndex').val(index);     
      } 
     }); 
    }); 


</script> 
@using (Html.BeginForm()) 
     { 
      <input type=hidden id="AccordionIndex" name="AccordionIndex" value=@ViewBag.AccordionIndex /> 
<input type="submit" value="Save Changes" /> } 

, 컨트롤러는 사용자의 ViewBag.AccordionIndex 예제에서 값을 반환하는 [HTTP-POST]을받을 수 설정