Кольцевая галерея jQuery. Как показать Следующий или Предыдущий Элемент только
git whatchanged -p filename также эквивалентно git log -p filename в этом случае.
можно также видеть, когда определенная строка кода в файле была изменена с git blame filename . Это распечатает короткий идентификатор фиксации, автора, метку времени, и завершит строку кода для каждой строки в файле. Это очень полезно после нахождения ошибки, и Вы хотите знать, когда она была представлена (или кто отказ, которым это было).
2 ответа
Показанное ниже будет вращаться так, что, если вы находитесь на первом элементе, при нажатии кнопки назад будет показан последний элемент ...
Демо здесь
$('div.showarea').fadeOut(0);
$('div.showarea:first').fadeIn(500);
$('a.leftarrow, a.rightarrow').click( function (ev) {
//prevent browser jumping to top
ev.preventDefault();
//get current visible item
var $visibleItem = $('div.showarea:visible');
//get total item count
var total = $('div.showarea').length;
//get index of current visible item
var index = $visibleItem.prevAll().length;
//if we click next increment current index, else decrease index
$(this).attr('href') === '#carouselNext' ? index++ : index--;
//if we are now past the beginning or end show the last or first item
if (index === -1){
index = total-1;
}
if (index === total){
index = 0
}
//hide current show item
$visibleItem.hide();
//fade in the relevant item
$('div.showarea:eq(' + index + ')').fadeIn(500);
});
Вы можете попробовать использовать .eq (0) , чтобы выбрать первый элемент в коллекции, предоставленной вам .prev () и .next. ().
Обратите внимание, что .next () и .prev () , как и большинство методов jQuery, работают с коллекцией. Итак, если ваш селектор '. Showarea' выбирает несколько элементов, то .next () выберет следующий элемент-брат для каждого элемента, выбранного '. Showarea' , и аналогично для .prev () .
if ($(this).attr('href') == '#carouselNext') {
$('.showarea').hide();
var el = $('.showarea').next('.showarea').eq(0);
if (el.length) {
el.fadeIn(500);
}
}
if ($(this).attr('href') == '#carouselPrev') {
$('.showarea').hide();
var el = $('.showarea').prev('.showarea').eq(0);
if (el.length) {
el.fadeIn(500);
}
}