0

jQuery 1.7にアップグレードしたため、UIタブでhoverIntentイベントが機能しなくなりました。jQuery 1.7以降、hoverIntentを使用する代わりに、タブが即座に切り替わります。

UIタブを初期化するために使用したコードは次のとおりです。

$("#featured").tabs({event: "hoverintent"}).tabs({fx:{opacity: "toggle", duration: 250}}).tabs("rotate", 7000, true);
      $("#featured").hover(  
        function() {  
          $("#featured").tabs("rotate",0,true);  
        },  
        function() {  
          $("#featured").tabs("rotate",7000,true);  
        }  
    );

これは、私のページに含めたhoverIntentイベントのjsです。

var cfg = ($.hoverintent = {
  sensitivity: 7,
  interval: 100
});

$.event.special.hoverintent = {
  setup: function() {
    $(this).bind("mouseover", jQuery.event.special.hoverintent.handler);
  },
  teardown: function() {
    $(this).unbind("mouseover", jQuery.event.special.hoverintent.handler);
  },
  handler: function(event) {
    event.type = "hoverintent";
    var self = this,
      args = arguments,
      target = $(event.target),
      cX, cY, pX, pY;


    function track(event) {
      cX = event.pageX;
      cY = event.pageY;
    };
    pX = event.pageX;
    pY = event.pageY;
    function clear() {
      target.unbind("mousemove", track).unbind("mouseout", arguments.callee);
      clearTimeout(timeout);
    }
    function handler() {
      if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
        clear();
        jQuery.event.handle.apply(self, args);
      } else {
        pX = cX; pY = cY;
        timeout = setTimeout(handler, cfg.interval);
      }
    }
    var timeout = setTimeout(handler, cfg.interval);
    target.mousemove(track).mouseout(clear);
    return true;
  }
};

ここに修正があるようです(ただし、UIアコーディオンの場合):https ://github.com/jquery/jquery-ui/commit/f0f54e38d8eab613d7ea25d698b81126e5263d83#diff-0

デモを参照してください:http://jqueryui.com/demos/accordion/hoverintent.html

ただし、hoverIntentを再び機能させる方法はわかりません。上記のコードにどのような変更を加える必要がありますか?助けてくれてうれしい!

4

1 に答える 1

2

jQueryをv1.7.1に更新すると、問題が解決しました。

于 2011-12-07T16:08:53.370 に答える