0

現在、自動的に循環するタブ メニューを使用しています。タブの1つにマウスオーバーすると、選択したタブで「回転」が停止し、マウスアウトすると、選択したタブ項目から回転し続けます。

$(document).ready(function() {

$("#featured > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", 1000, true);

$("#featured > ul").mouseover(function() {
    $(this).tabs({ event: 'mouseover', fx: { opacity: "toggle"} }).tabs("rotate", 0);
})

$("#featured > ul").mouseout(function() {
    $(this).tabs("rotate", 1000);
})
});

現時点では、MouseOver サイクルが停止しても正しい項目が選択されていません。一度 mouseOut を行ってから MouseOver を再度実行すると、機能は完全に機能します。私の問題は、最初のマウスオーバーでコードが正しくロードされていないように見える場所にありますか?

何か案は？助けていただければ幸いです。

お時間をいただきありがとうございました..

4

1 に答える 1

0

これを試して：

$("#featured > ul").mouseover(function() {
    $(this).tabs("abort");
    $(this).tabs({ event: 'mouseover', fx: { opacity: "toggle"} }).tabs("rotate", 0);
    $(this).tabs("select", this.id); 
});
于 2010-02-25T12:43:57.500 に答える