2

見つけることができるすべてのチュートリアルを調べ、ここで質問を調べ、jQuery UI Tabs ソースを読みましたが、まだこれを理解できません。

私の目標は、ナビゲーション番号に fx フェードとマウスオーバー効果を加えた、回転するコンテンツ ボックスを作成することです。

ここでほぼ動作するバージョンを見ることができます:
http://www.chesapeakelifemag.com/index.php/cl_new/index

ご覧のとおり、マウスオーバーは機能し、回転は機能しますが、効果は表示されません。これは私が取り組んでいるコードです

$(document).ready(function(){
  $("#content_slider").tabs(
          {event: 'mouseover'}).tabs(
          { fx: [{opacity: 'fadeOut', duration: 'slow'},
          {opacity: 'toggle', duration: 'fast'}] }).tabs(
         'rotate', 5000, true);
  });

すべて 1 つの .tabs() 関数に入れる必要がある大量の引数をつなぎ合わせているように感じますが、それを試みると、マウスオーバー、fx、または回転の機能が壊れます。

誰か答えがありますか?

$(document).ready(function(){
$("#content_slider").tabs({event: 'mouseover', 
        fx: [{opacity: 'fadeOut', duration: '100'}, 
             {opacity: 'toggle', duration: 'fast'}]}).tabs(
        'rotate', 7000, true);
});'
4

1 に答える 1

1

次の形式を試してください。

$(document).ready(function() {
    $("#content_slider").tabs({
        event: 'mouseover',
        fx: {
            opacity: 'toggle',
            duration: 'slow'
        }
    }).tabs('rotate', 5000, true);
});

アプリケーションでタブを使用し、上記の fx プロパティを追加したところ、機能しました。あなたのスクリプトが効果を正しく構造化しているかどうかはわかりません。

于 2009-10-06T02:35:27.283 に答える