2014-02-14 4 views
0

Я пытаюсь запретить функцию Jquery onclick прокручивать страницу до вершины. Я узнал, что preventDefault() исправит эту проблему, но я не могу заставить ее работать.jquery click and preventDefault error

Вот сайт с кодом: 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

I просто хочу переключить изображения, которые работают нормально, но я не хочу, чтобы экран переходил на верх каждый раз – fackz

0

рис проблема была не по щелчку, а путь был построен HTML. Я добавил div с той же высотой, что и содержание, и проблема была решена!

Благодаря