2014-01-21 3 views
0

У меня есть вкладка jQuery. При нажатии кнопки og на третьей вкладке вкладка перемещает элемент управления на первую вкладку. Я перепробовал много способов, как жерех скрытое поле и сохранение на текущей вкладке он не работаетВкладка jQuery не удалось сохранить активную вкладку во время отправки

<div id="tabwrap"> 
    <ul id="tabs"> 
     <li><a href="#tabs-1" class="current">Attribute Based Control</a></li> 
     <li><a href="#tabs-2">Role Based Control</a></li> 
     <li id="tab3"><a href="#tabs-3">Users</a></li> 
     </ul> 
    <div id="content"> 
          <div id="tabs-1" class="tab-section"> 
</div> 
    <div id="tabs-2" class="tab-section"> 
</div> 
    <div id="tabs-3" class="tab-section"> 
<asp:Button ID="btnSearch" runat="server" Text="Submit" CssClass="buttonsmallRight" Visible="false" ClientIDMode="Static" /> 
</div> 
</div> 

JQuery для вкладки

$(function() { 
      $('.tab-section').hide(); 
      $('#tabs a').bind('click', function (e) { 
       $('#tabs a.current').removeClass('current'); 
       $('.tab-section:visible').hide(); 
       $(this.hash).show(); 
       $(this).addClass('current'); 
       e.preventDefault(); 
      }).filter(':first').click(); 

    }); 

CSS для JQuery

#tabs { 
    margin: 0; 
    overflow: hidden; 
    padding: 0; 
    zoom: 1; 
    position: relative; 
    top: 2px; 
    z-index: 1; 
    margin-left: -500px; 
} 

    #tabs li { 
     display: block; 
     list-style: none; 
     margin: 0; 
     margin-right: 1px; 
     padding: 0; 
     float: left; 
     text-align: center; 
    } 

     #tabs li a { 
      display: block; 
      padding: 2px 10px; 
      border: 2px solid #808080; 
      border-bottom: 0 none; 
      text-align: center; 
      text-decoration: none; 
      border-bottom: 1px gray; 
      /*background-color: #d4efff;*/ 
      background-color: #d6d7e4; 
      height: 22px; 
      font-size: 16px; 
      width: 150px; 
     } 

#tab-section { 
    background: #A59CFF; 
    padding: 10px; 
    border: 2px solid #6161f3; 
    margin-left: -700px; 
    width: 926px; 
} 

#tabs li a.current { 
    background: #A59CFF; 
    color: white; 
    border-bottom: 2px solid #A59CFF; 
    height: 22px; 
    font-size: 16px; 
    text-align: center; 
} 

ответ

0

функция formLoad() { // Выполните здесь операцию} вместо $ (function() {// Выполните здесь действие});

0

Я исправил проблему. У меня была панель обновления, которая срабатывает всякий раз, когда загружается страница. это было сделано для сохранения функции jquery после обратной передачи. Скрипт имеет скрипт вкладки jquery, который запускается каждый раз там, как сообщение назад. вкладка JQuery часть была удалена из сценария панели обновления, которое решаемая ошибку :)

Cheers, Kannappan

Смежные вопросы