ブートストラップ - 変更タブ

Question

別のブートストラップタブの項目にリンクして、画像マップのリンクからタブを変更したい： これは正常なリンクからは機能しますが、 http://jsfiddle.net/k5Lv95L1

私は、イメージマップからこれをしたい：

<area shape="rect" href="#target" data-tab="#gallery-panel" coords="295,1109,365,1126"/> 

しかし、それは動作しません。おそらく私はスクリプトを変更する必要がありますか？

$("a[data-tab]").on('click', function() { 
    var tab = $(this).attr('data-tab'), 
     target = $(this).attr('href'); 
    $('ul.nav a[href="' + tab + '"]').tab('show'); 
    $('html, body').animate({ 
     scrollTop: $(target).offset().top 
    }, 10);  
}); 

どうすればいいですか？

Answer 1

$("area[data-tab]").on('click', function() { 
    var tab = $(this).attr('data-tab'), 
    target = $(this).attr('href'); 
    $('ul.nav area[href="' + tab + '"]').tab('show'); 
    $('html, body').animate({ 
    scrollTop: $(target).offset().top 
    }, 10);  
}); 

を試してみては、これはあなたを助けることを願っています。