2016-07-27 137 views
0

我有jQuery代碼的圖像幻燈片與選項卡導航。它正在工作&導航的mouseHover幻燈片圖像。我希望它在點擊特定資產淨值的工作&顯示它的形象jquery mousehover鼠標點擊

工作演示 - www.myevio.com

<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> 

我如何讓它上點擊,而不是懸停工作?

+1

取代'click'' '與'mouseenter''',同時刪除'$(窗口).load(函數( )'不需要 – Satpal

+0

@Satpal可能必須防止單擊錨點的默認行爲,並可能在動畫完成後觸發它。現在,這真的取決於期望哪個問題沒有提供 –

回答

0

試過嗎?

$('.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(); 
        } 
       }); 
0

你可以做到這一點只需更換

'的mouseenter':函數() {

'點擊':函數(){

和刪除的href形式錨標記

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