Алексей Зуев

Потому что браузер злопамятный.
Он запоминает всё, что вы на него понавешали)

https://jsfiddle.net/ru9q68kr/

Можно попробовать что-то в этом роде

function getMessage(a, b) {
  if(typeof a === "boolean") {
    return a ? "Переданное GIF-изображение анимировано и содержит " + b + " кадров" : 
      "Переданное GIF-изображение не анимировано";
  }
  if(typeof a === "number") {
    return "Переданное SVG-изображение содержит " + a + " объектов и " + a*4 + " аттрибутов";
  }
  switch('' + +Array.isArray(a) + +Array.isArray(b)) {
    case '10':
      return "Количество красных точек во всех строчках изображения: " + 
        a.reduce(function(sum, x) { return sum + x; }, 0);
    case '11':
        return 'Общая площадь артефактов сжатия: ' + 
          (a.length <= b.length ? a.reduce(function(sum, x, i) { return sum + x*b[i]; }, 0) :
          b.reduce(function(sum, x, i) { return sum + x*a[i]; }, 0)) + ' пикселей';
  }
}

Пытаюсь проверить таким образом, но безуспешно, документации не обнаружил

А вы где ее искали? Refs to Components

onChange={this.handleChange()}

Вы на onChange хотите повесить результат вызова метода?

this.setState( this.validationState() );

А здесь вы какой стейт хотите проставить?

Если хотите через refs, то сначала сделайте привязку и тогда получите значение из свойства DOM элемента
к примеру так

<input ref="myCheckbox" ...

this.refs.myCheckbox.checked

Пример 1
Пример 2

Или используйте event в методе handleChange

handleChange(event) {
  var checked = event.target.checked;
}

Пример

Посмотрите на свою js функцию popupbg

function popupbg()
{
	if ($(window).height() < $(".w1").height()) {
		$(".popup-holder").css("height",$(".w1").height());
	} else {
		$(".popup-holder").css("height",$(window).height());
	}
}

Вы всем своим всплывающим окнам задаете высоту
Потом посмотрите как закрывается окно

$('.popup-holder .btn-close, .popup-holder .bg').click(function(){
  $(this).parents('.popup-holder').fadeOut(300, function(){
    $(this).css({"left": "-9999px"}).height(0).show();
  });
  return false;
});

Высота ставится в 0 только тому попапу, который вы закрываете. У остальных блоков (а у вас их там куча) высота так и осталась равной тому проставленному значению, которое вы всем поставили при открытии окна.

Теперь загляните сюда https://jsfiddle.net/odwpezhj/ Посмотрите в chrome, а потом в firefox.

Смотрим спецификацию The Addition operator ( + ) (русский вариант)
Там черным и красным по белому написаны этапы вычисления такого выражения.
Перед тем, как интерпретатор решит, конкатенацию произвести или арифметическое сложение, еще есть 6 пунктов).
В вашем случае пункт 5 сработает сначала, то есть нужно преобразовать объект в простое значение.
Для преобразования объекта в примитив используется valueOf (у Date stringOf)

jsfiddle.net/yurzui/9Lyevsqe/

jsfiddle.net/yurzui/sasmfpj9/

Попробуйте вызывать обновление masonry после завершения анимации.
К примеру так

$('.text' + theClass).animate({ height: 'show' }, 100, $grid.masonry.bind($grid));

jsfiddle.net/phm5mv9x

myPhotoBrowser.open(index);
Open Photo Browser on photo with index number equal to "index" parameter. If "index" parameter is not specified, it will be opened on last closed photo.

Там же всё просто, вам нужно передать индекс кликнутой фотки

myApp.onPageInit('photos', function (page) {
    var $$thumbs = $$('.ks-pb-popup');
    $$thumbs.on('click', function () {
        var index = $$thumbs.indexOf(this);
        photoBrowserPopup.open(index);
    });
});

Для динамической генерации превью

myApp.onPageInit('photos', function (page) {
    var $$wrapper = $$(page.container).find('.content-block');
    
    photoBrowserPhotos.forEach(function(photo) {
        $$wrapper.append(
            '<a href="#" class="u_img ks-pb-popup">' +
                '<img src="' + photo.url + '" alt="img"/>' +
            '</a>');
    })

    var $$thumbs = $$('.ks-pb-popup');
    $$thumbs.on('click', function () {
        var index = $$thumbs.indexOf(this);
        photoBrowserPopup.open(index);
    });
});

А на странице photos пустой <div class="content-block"></div>

jsfiddle.net/yurzui/yfgb6jvx/

Class properties transform входят в состав stage-1
Ну т.е. либо плагин подключаешь. либо пресет

pointer-events

img {
    pointer-events: none;
}

Метод define имеет следующий синтаксис:
define( [moduleName,] dependencies, callback)
moduleName - имя модуля (необязательный параметр)
dependencies - массив зависимостей(с другими модулями)
callback - тело модуля, в которое передаются dependencies
А теперь применимо к вашему коду

define('tr-color-switcher', function () {
	$('div').on('mouseover', 'tr', function(){
	    $( this ).addClass( "yellow-row" );
	});

Откуда взять $?

plnkr.co/edit/tbm1ggJgUoLBHtTKMAn7?p=preview

Можно в обработчик дочернего запретить всплытие события через stopPropagation.
А можно так

codepen.io/anon/pen/qOGvyz

codepen.io/anon/pen/RWOzYG

Попробуйте так

$('.your-class').slick({
  slide: 'div'
});

Примеры