2017-05-04 7 views
0

上のアコーディオンタブベースを無効にします。jQueryの私はjQueryのコードを次しているURL

var activeIndex = parseInt($('#<%=hidAccordionIndex.ClientID %>').val()); 

$("#accordion").accordion({ 
       header: "h3", 
       navigation: true, 
       icons: false, 
       active: activeIndex,     
       open: function (event, ui) { 
        icons: false; 
       } 
    }); 

それが正常に動作しています。 URLパラメータに基づいて特定のタブを有効/無効にします。ページよりもユーザータイプがhttp://example.com/mypage.aspx?key=profileの場合は、タブ#3と#4のみを有効にする必要があります。他のすべてのタブは無効にする必要があります。他のタブよりも他のキー値が有効になっている場合すべてのタブよりもURLのキー値が有効になっていなければなりません。

私はグーグルで多くの例を示していますが、いずれも私の問題を解決していません。助けてください。

答えて

0

私は簡単な解決策を見つけました。ここに投稿すると、他の人にとって役に立つかもしれません。 .cssで

は追加します。.aspxの中

.ui-accordion-header-disable 
{ 
    background-color:#dddddd; 
} 

を使用すると、条件付きで無効にするヘッダにこのクラスを追加します。

<div id="accordion"> 
     <div class="ui-accordion-header-disable "> 
      <h3 id="acc_email"><a href="#"><span style="font: 12px Arial, Helvetica, sans-serif; font-weight: bold">E-mail</span></a></h3> 
      .... 
     </div> 

書き込みスクリプト:

<script id="scriptInit" type="text/javascript"> 


      $(document).ready(function() { 

       var key = getParameterByName('key'); 

       if(key == 'passwordchange') 
        $('.ui-accordion-header-disable').addClass('ui-state-disabled').unbind('click'); 
       else 
        $('.ui-accordion-header-disable').removeClass('.ui-accordion-header-disable').bind('click');     

      }); 

      .... 

    </script> 
関連する問題