リストアイテムからクラスを削除し、jqueryを使用して別のリストアイテムにクラスを追加します。

リストアイテムがアクティブに設定されているリストがあります。ページの読み込み時に、これを有効にして別のリスト項目に追加することをお勧めします。私はこれをフィドルにしようとしていますが、それは私が望むように起こります。私は間違って何をしていますか？ここでフィドル：Fiddle コード：リストアイテムからクラスを削除し、jqueryを使用して別のリストアイテムにクラスを追加します。

<ul class="nav nav-tabs"> 
<li class="active"><a data-toggle="tab" href="#home">Home</a></li> 
<li id="stock2"><a data-toggle="tab" href="#stock">Stock</a></li> 
<li>Three</li> 
<li>Four</li> 
</ul>

jqueryの：

var selector = '.nav li'; 
var stockv = 'stock'; 
if(stockv != ''){ 

$(selector).removeClass('active'); 
$('#stock2').addClass('active'); 
$('#stock2').addClass('area-expanded="true"'); 
});

出典

2016-05-13 Yohan Blake

第一：あなたはjqueryの含ま<head></head>に、または前に次の行を追加する... jqueryのを含めるようにしてくださいする必要があります</body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

第2位： y OUは、最後の行});に構文エラーが};

var selector = '.nav li.active'; // add .active here 
var stockv = 'stock'; 
if(stockv !== ''){ 
    $(selector).removeClass('active'); 
    $('#stock2').addClass('active'); 
    //$('#stock2').addClass('area-expanded="true"'); 
};       //<<<<<<<<<<<<<<<<<< here

DEMO HERE

最終的な答え（ブートストラップタブを別のタブをクリックする）

jQuery(function() { 
    jQuery('a[href="#stock"]').tab('show'); 
});

Demo Here

出典

2016-05-13 01:31:27

おかげで、この作品でなければなりません持っていますあなたのフィドルで、私はそれをそれに応じて変更しましたが、変化しません。奇妙な –

@ YohanBlake jqueryを含める方法とjsfiddleにjqueryを含める方法について私の答えを更新するjavascriptセクションの右側に歯車のアイコンがあります。それをクリックしてjqueryを選択してください。 –

@YohanBlake jqueryが含まれているかどうか確認してください..コンソールにエラーが表示された場合（$は定義されていません）..この意味はjqueryが含まれていません –

リストアイテムからクラスを削除し、jqueryを使用して別のリストアイテムにクラスを追加します。

答えて

関連する問題