1

これは単純な質問のように聞こえるかもしれませんが、私のプログラミング スキルは熱心ではありますが、ほとんど存在しません。

誰かが助けてくれることを願っています。

次の垂直タブでマウスオーバー イベントを遅らせようとしているので、ユーザーはタブ 2 と 3 が表示されずにタブ 1 からタブ 4 に直接移動できます。

以下は私が使用しているスクリプトです：

$(function () {
var items = $('#v-nav>ul>li').each(function () {
$(this).mouseover(function () {
//remove previous class and add it to clicked tab
items.removeClass('current');
$(this).addClass('current');

$('#v-nav>div.tab-content').hide().eq(items.index($(this))).show();
window.location.hash = $(this).attr('tab');
});
});

if (location.hash) {
    showTab(location.hash);
}
else {
    showTab("tab1");
}

function showTab(tab) {
    $("#v-nav ul li:[tab*=" + tab + "]").mouseover();
}

// Bind the event hashchange, using jquery-hashchange-plugin
$(window).hashchange(function () {
    showTab(location.hash.replace("#", ""));
})

// Trigger the event hashchange on page load, using jquery-hashchange-plugin
$(window).hashchange();
});

別のスタックオーバーフローの投稿で同様の質問と解決策を見ましたが、それを機能させるためにそれを適応させる方法がわかりません。

垂直タブのデモは、http: //jsfiddle.net/JAG72/tt7CK/6/で見ることができます。

助けてくれてありがとう。

4

1 に答える 1