特にappendで要素追加してるわけでもなく、既存要素を指定してるのですが、下記jsのconsole.logの箇所も出力ができません。
他の人が書いた既存のHTMLが書かれてるんですが、そこに原因の可能性もあるんでしょうか。。
html
1<div id="informationTabArea"> 2 <div class="innerTabArea"> 3 <ul class="tabNavigation"> 4 <li class="is_active"><a href="#tab01"><span>メニュー1</span></a></li> 5 <li><a href="#tab02"><span>メニュー2</span></a></li> 6 <li><a href="#tab03"><span>メニュー3</span></a></li> 7 </ul> 8 <div class="tabContents"> 9 <div id="tab01" class="unit is_active"> 10 <ul> 11 12 <li> 13 <dl class="clearfix"> 14 <dt class="standard clearfix">2016.12.05</dt> 15 <dd><a href="###########">テストテストテストテスト</a></dd> 16 </dl> 17 </li> 18 19 </ul> 20 <p class="gotolist"><a href="app/topics/index"><span>テスト一覧へ</span></a></p> 21 </div> 22 <div id="tab02" class="unit"> 23 <ul> 24 <li> 25 <dl class="clearfix"> 26 <dt class="standard clearfix">2016.12.05</dt> 27 <dd><a href="###########">テストテストテストテスト</a></dd> 28 </dl> 29 </li> 30 </ul> 31 <p class="gotolist"><a href="#"><span>テスト一覧へ</span></a></p> 32 </div> 33 <div id="tab03" class="unit"> 34 <ul> 35 <li> 36 <dl class="clearfix"> 37 <dt class="standard clearfix">2016.12.05</dt> 38 <dd><a href="###########">テストテストテストテスト</a></dd> 39 </dl> 40 </li> 41 </ul> 42 <p class="gotolist"><a href="#"><span>テスト一覧へ</span></a></p> 43 </div> 44 </div> 45 </div> 46 </div> 47 <!-- #informationTabArea -->
javascript
1$(function(){ 2 //Tab Navigation 3 $('.tabNavigation').on('click', 'li', function(e) { 4 console.log('これすら出てこない'); 5 e.preventDefault(); 6 $('.tabNavigation li').removeClass('is_active'); 7 $(this).addClass('is_active'); 8 9 $('.tabContents .unit').hide(); 10 var activeTab = $(this).find("a").attr("href"); 11 $(activeTab).fadeIn(); 12 }); 13});
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/11/27 17:04