Question

我是javascript的新手，我需要这个简单脚本的帮助。

这是一个购物车下拉列表，当点击该字段时，该下拉列表当前正在运行。我希望下拉鼠标滑过。我尝试添加.hover而不是.live，并尝试在“点击”后添加鼠标，但没有任何效果。任何帮助将受到高度赞赏。谢谢！

的JavaScript / jQuery的

$('#cart > .heading a').live('click', function() {
  $('#cart').addClass('active');

  $('#cart').load('index.php?route=module/cart #cart > *', function() {$( "#cart .content" ).fadeIn( "slow" );});

  $('#cart').live('mouseleave', function() {
     $(this).removeClass('active');
     $( "#cart .content" ).hide();
  });
});

css

#header #cart .content {
   clear: both;
   display: none;
   position: relative;
   padding: 8px;
   min-width: 300px;
   border: 5px solid #D84D7F ;
   background: #FFF;
}
#header #cart.active .heading {
}
#header #cart.active .content {
   display: block;
}

Answer 1

使用以下内容，防止href的默认行为，例如点击。使用on而非live

$('#cart > .heading a').on('hover', function(e) {
  e.preventDefault();   
  $('#cart').addClass('active');

  $('#cart').load('index.php?route=module/cart #cart > *', function() {$( "#cart .content" ).fadeIn( "slow" );});

  $('#cart').on('mouseleave', function() {
     $(this).removeClass('active');
     $( "#cart .content" ).hide();
  });
});

悬停下拉菜单上的Javascript

1 个答案: