Кирилл Вольф

Как везде:
document.body.classList.add('some-class');

Есть разница между респонсив и адаптивностью - habrahabr.ru/post/148224/.
По хорошему же веб-разработка примерно с момента выпуска третьей версии бутстрапа стала отходить от оптимизации сайта под ряд устройств, опираясь на популярные значения ширины: 420, 768 и так далее, потому что сайт должен смотреться хорошо даже если взять, вывести его на телевизионную панель и медленно уменьшать окно браузера до 320 пикселей в ширину. Мораль в чем: примерно это при тестировании и делается, окно браузера постепенно уменьшаем или наоборот идем от малого к великому, если используем mobile-first подход и везде, где картинка "рушится" ставим breakpoint с помощью media-queries. А вот чтобы не писать кучу значений и иметь возможность ими гибко управлять - очень подойдет препроцессинг, где можно выносить переменную breakpointа, что очень упрощает кодинг хорошей адаптивности.

А еще я не очень поняла как вы пишете медиа запросы - неужели просто @media (width: 600px)?
В любом же случае прописывается диапазон типа: @media (min-width: 480px) and (max-width:567px) и тогда совсем уж месива быть, мягко говоря, не должно для устройств, лежащих в этом диапазоне ширины экрана. Возможно, это именно то, что хоть как-то исправит ваше "месиво".

Для отображения текста есть alt, стилизовать его можно через тег img
codepen.io/iiil/pen/sezvF

var data = [
  {id: 1, label: 'test'},
  {id: 2, label: 'test1'},
  {id: 3, label: 'test2'},
  {id: 4, label: 'test3'},
  {id: 5, label: 'test4'},
  {id: 6, label: 'test5'}
];

$.each(data, function(key, value) {
  var attr = $.extend(value, {
    'id': 'id' + value.id,
    'type': 'checkbox'
  });

  $('<input />').attr(attr).appendTo('body');
  $('<label />').attr('for', attr.id).text('text' + (key || '')).appendTo('body');
});

Я бы выбрал react + redux.

Во-первых, прислушайтесь к совету, что дал Роман, и сделайте так:

$(document).on('click', '.ui-datepicker .ui-state-default', function () {...});

Во-вторых, если после первого раза перестаёт срабатывать, то нужно смотреть на элемент .ui-state-default в консоли и наблюдать, что с ним происходит после клика. Мне кажется, вполне очевидно, что такого класса больше нет.

Update
Если в найденных ячейках событие срабатывает 1 раз, а попытка поймать его в document не венчается успехом, какой вывод следует?
Очевидно, что:
— после выбора даты таблица перерисовывается полностью
— всплытие события принудительно останавливают где-то в пределах элемента с инициализацией календаря

Как поступить в таком случае?

1. Можно вспомнить про первую фазу распространения события и написать примерно такое для борьбы с любителями preventDefault

document.addEventListener('click', function (e) {
	var target = $(e.target).closest('.ui-state-default');

	if (target.length) {
		...
	}
}, true);

2. А можно (и это правильный способ), почитать API того плагина, что вы используете, и найти там вот такую штуку:

$('#datepicker').datepicker({
	onSelect: function () {
		...
	}
});

jsfiddle.net/QW01_01/g7menu2c

Читайте внимательно мануал: mysql_fetch_array() возвращает ОДНУ строку из результирующей выборки. Для того, чтобы получить все строки, необходимо вызывать fetch_array в цикле. Что-то типа

while ($row = mysql_fetch_array($result)) {
// обработка строки результата
}

Но вообще, беслатный вам совет. Адаптер mysql признан устаревшим и небезопасным, поэтому переходите на использование PDO или хотя бы mysqli.