jQuery 탭 포스트 백 문제

StackOverflow https://stackoverflow.com/questions/600089

  •  03-07-2019
  •  | 
  •  

문제

프로젝트에서 jQuery 라이브러리를 사용하고 있습니다. jQuery 탭에 끔찍한 문제가 있습니다. 나는 오랫동안 문제를 해결하기 위해 찾고 있습니다.

<script type="text/javascript">
    $(document).ready(function() {
        $("#example > ul").tabs({ remote: true, cache: true });
    });       
</script>

그래서 어떻게이 문제를 해결합니까? 당신의 대답.

도움이 되었습니까?

해결책

탭은 쿠키를 사용하여 현재 탭을 저장할 수 있습니다. 탭을 살펴보십시오 선적 서류 비치. 옵션 목록 아래에 쿠키를 사용하여 현재 탭을 저장하는 방법의 예가 있습니다.

$('.selector').tabs({ cookie: { expires: 30 } });

이것은 필요합니다 jQuery 쿠키 플러그인 그래도 포함됩니다.

다른 팁

ASP.NET을 사용하는 경우 지정하지 않았지만 현재 선택한 탭을u003Casp:HiddenField /> 쿠키 대신 :

<script type="text/javascript" language="javascript">
    $(function() {
        $("#example").tabs({
            show: function() {
                var sel = $('#example').tabs('option', 'selected');
                $("#<%= hidLastTab.ClientID %>").val(sel);
            },
            selected: <%= hidLastTab.Value %>
        });
    });
</script>
<asp:HiddenField runat="server" ID="hidLastTab" Value="0" />

asp.net이 아니라면 아마도 비슷한 일을 할 수 있습니다.

Joelsand가 게시 한 솔루션을 사용하려고했습니다. 그러나 jQuery 탭 옵션 및 이벤트가 변경되었습니다. 현재 문서가 있습니다 http://api.jqueryui.com/tabs/.

"쇼"이벤트 대신 "활성화 된"이벤트를 사용했습니다. "선택된"옵션 대신 "Active"옵션을 사용했습니다. 숨겨진 필드 대신 JavaScript 변수를 사용했습니다 (updatePanel 외부에서 선언).

jQuery 탭에 다음을 추가하여 이벤트 핸들러를 선택하여 같은 문제가 발생했습니다.

$("div.ui-tabs-panel").html("");

형태 스태킹을 방지하기 위해 모든 기존 패널을 효과적으로 지우십시오.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top