javascript - twitter-bootstrapでピルのデータ切り替えを条件付きで停止するには?

Question

<ul class="nav nav-pills nav-stacked" id="moduleList">
    <li class="">
        <a href="#" onclick="return loadModule(this)" data-toggle="pill" data-value="user">User</a></li>
    <li>
        <a href="#" onclick="return loadModule(this)" data-toggle="pill" data-value="Blog">Blog</a>
    </li>
</ul>

私のウェブサイトには上記のブートストラップ ピルがあります。アクティブなアイテムが変更され、スクリプトが実行されてアクティブなアイテムがページに読み込まれます。ある条件では、アクティブなアイテムを変更したくありません。決定は onclick 関数の loadModule() 内で行われます。どうやってやるの？

Answer 1

マークアップからdata-toggle="pill"を削除し、選択した 'li' のクラスを 'loadModule' 内でアクティブまたは空に変更します。次に例を示します。

function loadModule(a) {

  //your logic/////

  $('#liUser').attr('class', '');
  $('#liBlog').attr('class', 'active');
}

<ul class="nav nav-pills nav-stacked" id="moduleList">
  <li id="liUser" class="">
    <a href="#" onclick="return loadModule(this)" data-value="user">User</a>
  </li>
  <li id="liBlog">
    <a href="#" onclick="return loadModule(this)" data-value="Blog">Blog</a>
  </li>
</ul>