Алексей Уколов

При чем тут html вообще? Вам либо на javascript нужно эту логику написать, либо на каком-то серверном языке.

$('.optns li').each(function() {
    var $el = $(this); // экономим на спичках
    $el.addClass($el.text());
});

jsfiddle.net/koceg/hf41f129

$(function () {
	// Глобальная переменная-флаг
	// Изначально имеет значение false, так как блок пока никто не закрыл
	var isClosed = false;

	function showBlock() {
		// Проверяем состояние флага - если блок уже закрыли, ничего больше делать не нужно
		if (isClosed)
		{
			return;
		}

		var scroll = $(document).scrollTop();
		var maxh = $(document).height() - $(window).height() - 1000;

		if (scroll >= maxh)
		{
			$('.fb-block').show();
		}
	}

	// Совершенно не нужно создавать промежуточную анонимную функцию, можно сразу обработчик назначить
	// Ну и делать это нужно внутри ready, поскольку внутри обработчика используется $
	window.onscroll = showBlock;

	$(document).on('click', '.close-fb', function () {
		// Устанавливаем флаг в true
		isClosed = true;
		$('.fb-block').hide();
	});
});

Внешний инструмент - это Elixir. Ну или просто Grunt/Gulp/любой другой сборщик.
Никакого "правильно", кстати, в плане хранения исходников нет. Скомпилированные скрипты, конечно, должны лежать в public, а вот где лежат исходники совершенно неважно, лишь бы сборщик знал, где их искать.

При помощи jQuery это сделать относительно несложно: jsfiddle.net/koceg/p8jeat6o/3
На чистом js чуть больше кода - jsfiddle.net/koceg/sosy744L/3

Вот несколько примеров запуска функции через setTimeout:

1. Будет работать только если вы свою функцию записали прямо в window. Это очень, очень, очень плохой вариант, не используйте его. Передавать строку в качестве первого аргумента - плохая практика, это грозит самыми разнообразными последствиями, начиная от выполнения небезопасного кода и заканчивая проблемами с областью видимости (что и произошло у вас). Подробнее.
   
2. Удобен, когда функция не ожидает никаких аргументов - можно в setTimeout передать непосредственно объект функции.
   
3. Позволяет передать в setTimeout объект функции, и при этом передать в функцию аргументы, не создавая промежуточную анонимную функцию, при помощи метода bind. Не будет работать в старых браузерах.
   
4. Если функции требуются аргументы, можно вызвать ее и таким способом, через анонимную функцию. Этот вариант считается самым предпочтительным.
   

$('.spinner').show();

$('img').on(
    'load',
    function() {
        $('.spinner').hide();
    }
).each(function (index, img) {
    if (img.complete)
    {
        $('.spinner').hide();
    }
});

Или вот за что я люблю CoffeeScript :)

$('.spinner').show()
$('img').on('load', -> $('.spinner').hide())
    .each((index, img) -> $('.spinner').hide() if img.complete)

Проблема в том, что во второй раз высота колонок задана уже явно, она и берется при расчете.
Чтобы этого не происходило, нужно сбросить высоту на автоматическую:
$(this).height('auto');
Пример

Выдерживает нагрузки, расширяется и стабильно работает не "связка", а код, который вы пишете.
Хороший код можно написать на любой "связке".
Не знаю, что еще можно ответить на ваш вопрос, кроме того, что я сам пишу на L+BB.

.topmenu li{
	display: inline-block;
}

вместо этого:

.topmenu li{
    float: left;
}

Вообще строить раскладку на float, не понимая, как это свойство работает и какие побочные эффекты имеет - себе дороже.

Обьясните, пожалуйста, зачем тут нужен откат транзакции, если все изменения фиксируются при коммите, а исключение и так прервет программу?

Rollback нужен не для того, чтобы прервать транзакцию, а чтобы отменить изменения, сделанные в ней. Представьте, что вы осуществляете внутриигровую покупку - платите пользователю 100500 галактических кредитов, а он вам за это отдает Банхаммер Добра и Света. Только вот на середине транзакции произошел сбой - какое-то исключение выбросилось. Деньги с вас списались, а вот предмет владельца не сменил. Именно в этот момент транзакцию нужно откатить - вы же не хотите остаться без денег?

var requests = [];
var ajaxchange = function (ser, ths) {
	var ld = $('<div class="loader-wrapper-str"><div class="loader"></div></div>');

	return $.ajax({
		url: "/include/data.php",
		type: "GET",
		data: ser,
		beforeSend: function () {
			ths.replaceWith(ld);
		},
		success: function (result) {
			ld.replaceWith(result);
		}
	});
};

$('.js-ajax-data').each(function () {
	var ths = $(this);
	requests.push(ajaxchange({tm: ths.data('id'), ser: ths.data('ser')}, ths));
});

$.when.apply($, requests).then(function () {
	var heightPage = $('body').outerHeight(true);
});

Просто используйте form model binding и при создании передавайте пустую модель.