Ильдар Гизетдинов

var obj = [{
        title: 'Дверь',
        color: 'Белая'
	}, {
        title: 'Дверь',
        color: 'Белая'
	}, {
        title: 'Дверь',
        color: 'Черная'
	}, {
        title: 'Дверь',
        color: 'Черная'
	}, {
        title: 'Дверь',
        color: 'Серая'
	}
];

var r_obj = [];

for (var key in obj) {
	var find = false;
	
	for (var key2 in r_obj) {
		if (r_obj[key2].title == obj[key].title &&
			r_obj[key2].color == obj[key].color) {
			r_obj[key2].count++;
			find = true;
		}
	}
	
	if (!find) {
		r_obj.push({
			title: obj[key].title,
			color: obj[key].color,
			count: 1
		});
	}
}

console.log(r_obj);

window.jQuery( document ).ready( function( $ ) {
  alert("2");
});

$(document).ready( function() {
  var $=window.jQuery;
  alert("1");
});

// 2, 1

$(document).ready( function() {
  var $=window.jQuery;
  alert("1");
});

window.jQuery( document ).ready( function( $ ) {
  alert("2");
});

// 1, 2

Делаем вывод - конструкции идентичны

https://developer.mozilla.org/ru/docs/Web/API/Hist...

вам нужен метод replaceState

$(document).ready(function() {

    $('a[href^="#"]').click(function(){
        //Сохраняем значение атрибута href в переменной:
        var target = $(this).attr('href');
        var self = this;
        $('html, body').animate({scrollTop: $(target).offset().top}, 500, function () {
        	$(self).siblings().removeClass("active");
          $(self).addClass("link active");
        });
        return false;
    });

});

Я не знаю конкретной причины но когда вы изменяете value у тегов input, необходимо вручную вызвать им обработчик change, другого способа к сожалению нет.

$("input").val("test").change(); // как пример это вызовет все известные change обработчики

var Steps = {
	0: function () {
		console.log(1);
	},
	1: function () {
		console.log(2);
	}
};

var counter = 0;
var intervalTimer = setInterval(function () {
	if (!Steps[counter]) {
		clearInterval(intervalTimer);
		return;
	}

	Steps[counter]();
	counter++;
}, 1000);

да, вам придётся хранить высоту и ширину, потому что все анимации будут считываться одного размера, либо вы можете взять за основу самую большую анимацию и использовать её ширину и высоту как общую для всех.

Минус: у вас допустим при клике может обрабатываться не то месте, так как формально вы нажали туда, где у той анимации ничего нет

Если сделать так, то:
1. не повесится лишний обработчик который будет работать абсолютно всегда, даже когда не нужен (тобиш на мобилках)
2. нет необходимости выносить в media (класс не будет вешаться на мобилках), хотя можно и там оставить

function init() {
if (window.innerWidth >= 769) {
  window.addEventListener('scroll', function(e) {
    var header;
    var distanceY = window.pageYOffset || document.documentElement.scrollTop,
      shrinkOn = 1,
      header = document.getElementById("name");
    if (distanceY > shrinkOn) {
      header.classList.add("red");
    } else {
      if (header.classList.contains("red")) {
        header.classList.remove("red");
      }
    }
  });
}
}
window.onload = init();

минусом является то, что если вы отлаживаете адаптив путем "растягивания" браузера в разные стороны, для того чтобы код сработал при ресайзе из меньшего к большему (когда страница изначально открылась маленькая), нужно обновлять страницу.

$(document).ready(function () { 
          $('.col-md-6').hover(function () {
               $(this).find('i').addClass('example');  // Добавляем класс bounce
           }, function () {
               $(this).find('i').removeClass('example');  // Убираем класс bounce
           }
)});

* - модифицированный код одного из других ответов

<a href="javascript:document.location.reload()">ХОЧУ ЕЩЕ</a>