これに対する解決策を参照して、以下を更新してください。
これは私のクレイジーです!!
productTabAnchors.on('click', function (e) {
var index = productTabLis.index($(this).parent());
e.preventDefault();
// switch all tabs off
productTabLis.removeClass('active');
productTabAnchors.removeClass('active');
productTabContent.removeClass('active').hide();
// switch this tab on
$(this).addClass("active");
productTabLis.eq(index).addClass('tab active');
productTabContent.eq(index).addClass('active').show();
});
e.preventDefault()
ページがアンカーにジャンプするため、機能していないようです。アンカーは にネストされているli
ので、私も試してみましe.stopPropagation
たreturn false
。
なぜこれがうまくいかないのでしょうか?
問題を示すフィドルへのリンクは次のとおりです。http://jsfiddle.net/mayoung/4zs97/