jquery mousehover鼠标点击

我有jQuery代码的图像幻灯片与选项卡导航。它正在工作&导航的mouseHover幻灯片图像。我希望它在点击特定资产净值的工作&显示它的形象jquery mousehover鼠标点击

<script type='text/javascript'>//<![CDATA[ 
     $(window).load(function() { 
      $(function() { 
       $('.fadein img:gt(0)').hide(); 
       setInterval(function() { 
        $('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein'); 
       }, 5000); 
       $('.banner-links-inner a').on({ 
        'mouseenter': function() { 
         $('.fadein img').hide(); 
         $('#' + $(this).data('id')).fadeIn(); 
        } 
       }); 
      }); 
     });//]]> 
    </script>

我如何让它上点击，而不是悬停工作？

来源

2016-07-27 SUN

取代'click'' '与'mouseenter'''，同时删除'$（窗口）.load（函数（）'不需要 – Satpal

@Satpal可能必须防止单击锚点的默认行为，并可能在动画完成后触发它。现在，这真的取决于期望哪个问题没有提供 –

试过吗？

$('.banner-links-inner a').click(function() { 
         $('.fadein img').hide(); 
         $('#' + $(this).data('id')).fadeIn(); 
        });

改为使用？

，或者如果你想在改变使用这样的：

$('.banner-links-inner a').on({ 
        'click': function() { 
         $('.fadein img').hide(); 
         $('#' + $(this).data('id')).fadeIn(); 
        } 
       });

来源

2016-07-27 12:47:02 Lorenzo

改变这个'mouseenter'这个'click'

来源

2016-07-27 12:48:10 bresleveloper

你可以做到这一点只需更换

'的mouseenter'：函数（） {

与

'点击'：函数（）{

和删除的href形式锚标记

<a data-id="img1">POWEROCK 13600mAh Power Bank</a>

来源

2016-07-27 12:54:19

jquery mousehover鼠标点击

回答

相关问题