0

私はjsが苦手です。これをhoverIntentで機能させるにはどうすればよいですか？

$(document).ready(function () {
    $('#nav > li > a').hover(function(){
        if ($(this).attr('class') != 'active'){
            $('#nav li ul').slideUp(800);
            $(this).next().slideToggle(800);
            $('#nav li a').removeClass('active');
            $(this).addClass('active');
        }
    });
    return false;
});

私は周りを検索してみましたが、それを行う方法がよくわかりません。基本的にホバーで動作しています。しかし、コードに.hoverIntentを追加するにはどうすればよいですか。

これはフィドルです。

.hoverを.hoverIntentに変更することはできませんか？

4

1 に答える 1

3

hoverIntendについては、jQueryプラグインを参照してください：http：//cherne.net/brian/resources/jquery.hoverIntent.html （ 縮小版をダウンロードしてアプリケーションにインポートする必要があります：http：//cherne.net/brian/ resources / jquery.hoverIntent.minified.js）。

ここでjsFiddle：http: //jsfiddle.net/Fmu8Y/1/

また、役立つリンク：jqueryホバーイベントを遅らせますか？

$(document).ready(function () {
  $('#nav > li > a').hoverIntent(function(){
    if (!$(this).hasClass('active')){
      $('#nav li ul').slideUp(800);
      $(this).next().slideToggle(800);
      $('#nav li a').removeClass('active');
      $(this).addClass('active');
   }
 }, function() {
  if ($(this).hasClass('active')){
      $(this).next().slideUp(800);
      $(this).removeClass('active');
    }  
  });
  return false;
});
于 2012-10-19T11:14:03.050 に答える