2014-02-14 129 views
0

我試圖阻止JQuery的onclick函數將頁面滾動到頂部。 我發現preventDefault()會解決這個問題,但我無法讓它工作。jquery點擊並防止默認錯誤

下面的代碼的網站: http://www.femartins.com.br/novo/galeria.html

下面是我使用的代碼:

$(document).ready(function() { 

    $('.carouselObj').click(function(evt){ 
     var index = $('.carouselObj').index(this); 
     $('.galcontent').eq(index).siblings('.galcontent').fadeOut(500,function() { 
      $('.galcontent').eq(index).fadeIn(500); 
      evt.preventDefault(); 
     }); 
    }); 

}); 

歡迎任何幫助! :)

+0

添加一些HTML代碼 –

+1

你讓事件完成後,您試圖阻止它。 –

+0

凱文,我已經試圖將它移動到代碼和其他地方的頂部。 :( – fackz

回答

3

您需要在事件處理程序中使用evt.preventDefault();。不fadeOut

$('.carouselObj').click(function (evt) { 

    //Use here 
    evt.preventDefault(); 


    var index = $('.carouselObj').index(this); 
    $('.galcontent').eq(index).siblings('.galcontent').fadeOut(500, function() { 
     $('.galcontent').eq(index).fadeIn(500); 
    }); 
}); 
+0

)沒有工作,你可以查看網站的源代碼,你會看到我完全按照你的意思做了你的 – fackz

+0

@ user1541940,你已經更新了源代碼,你到底想要什麼,當你點擊那個 – Satpal

+0

我只是想切換工作正常的圖像,但我不希望每次都進入頂端 – fackz

0

圖的完整的回調函數,這個問題是不是點擊,但HTML建的方式。 我加了一個與內容高度相同的div,問題解決了!

感謝