0

私はこのコードを使用しています：

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

FXまたはマウスオーバーのいずれかがある場合は正常に機能しますが、2つを組み合わせると、タブのコンテンツが表示され、THENがフェードインします.何かアイデアはありますか?

4

1 に答える 1

0

ここでは、event と fx が少し衝突する可能性があります。どちらもコンテンツを「表示」するために何かをトリガーするからです。fxが商品の表示を処理できるように、イベントの「表示」コールバックを無効にする必要があります（これは、商品が互いに衝突した場合だと思います）。箱から出してこれを行う方法がわかりません。

  $(document).ready(function(){
    $("#tabs").tabs({
      // fx: {
      //   opacity: 'toggle', duration: 'slow'
      // },
      event: 'mouseover',
      show: function(event, ui) {
        $("#"+ui.panel.id).fadeIn("slow");
      },
      select: function(event, ui) {
        $("#"+ui.panel.id).hide();
      }
    });
  });

ただし、ある種の「ハック」を行うことができます。タブで fx を処理する代わりに、イベント コールバックを介して自分で行います。

うまくいけば、これはコーシャです。私はプロトタイプ派です。

于 2009-11-22T23:19:53.967 に答える