Михаил Горячкин

Браузеры реагируют нормально. Удалять скрипты вы можете, но пользы в этом ноль. Все объекты будут созданы и в памяти они будут висеть до тех пор, пока на них будет кто-либо или что-либо ссылаться.

У каждого из списков, которые показываются при клике по селекту есть свой уникальный идентификатор вот по ним и можете прописывать стили:
#ui-id-1-menu
#ui-id-2-menu
Либо если вам необходим именно класс добавить, то вы можете сделать так:

$(document).ready(function () {
 var selects = $('select'), ln = selects.length;

   for(var i = 0; i < ln; i++) {
     var loc = $(selects[i]), tmenu ;
     loc.selectmenu();
     tmenu = '#' + loc .attr('id') + '-menu';
     var style = loc.data('style');
     $(tmenu).parent().addClass(style);
   } 
});

У вас ошибка возникает, потому-что какое-то изображение не смогло подгрузиться. В файле queryLoader замените код ф-и createPreloading на:

createPreloading: function() {
		QueryLoader.preloader = $("<div></div>").appendTo(QueryLoader.selectorPreload);
		$(QueryLoader.preloader).css({
			height: 	"0px",
			width:		"0px",
			overflow:	"hidden"
		});
		
		var length = QueryLoader.items.length; 
		QueryLoader.doneStatus = length;
		
		for (var i = 0; i < length; i++) {
			var imgLoad = $("<img></img>");
			$(imgLoad).attr("src", QueryLoader.items[i]);
			$(imgLoad).unbind("load");
			$(imgLoad).bind("load", function() {
				QueryLoader.imgCallback();
			});
			$(imgLoad).bind("error", function () {
				console.warn(this.src + ' картинка не найдена!');
				QueryLoader.imgCallback();
			});
			$(imgLoad).appendTo($(QueryLoader.preloader));
		}
	}

Если видео выводится через iframe, то можно так:

$(document).ready(function () {
    var close = function() {
        var player = $('iframe'), video = player.attr("src");
        player.attr("src","");
        player.attr("src", video);
    }
   $(document).on('click', '.fancybox-close', function () {
         close();
   });
});

Вот эту ф-ю и запускайте на onClose. Соответственно #player это id iframe.
Если HTML5, то можно так:

function close() {
    $('#player').get(0).stopVideo();
}

Если для создании карты вы использовали google maps или yandex maps, то у обоих этих сервисов есть отличное api. С помощью него вы можете сделать любой маркер для указания места и он будет вести себя как стандартный.

Да можно, для этого ваше расширение должно прописывать ваш скрипт на страницу. Для этого в файл манифеста необходимо добавить опцию content_scripts. Выглядит это примерно так:

"content_scripts": [{
    "matches":["http://vk.com/*"], 
    "css":["css/style.css"],
    "js":["js/base.js"]
}]

Тут я указываю что на все страницы вконтактика мое расширение должно прописать мой скрипт и стили. Ну а после этого мы можем вешать свои слушатели на любые события на сайте. В вашем случаи вам надо будет найти поле и повесить на него прослушку события change и дальше делать все что вам необходимо.

У datepicker есть свой триггер onSelect, отрабатывает как раз тогда, когда вы выбрали дату.

$('.date-pick').datepicker( {
        onSelect: function(date) {
            alert(date);
        },
        selectWeek: true,
        inline: true,
        startDate: '01/01/2000',
        firstDay: 1
    });

Так и быть я сделал вам пример, но уж простите я не стал воспроизводить ваш css, ибо глаза слезятся. Пример сменяет фон блока, картинки вставите сами.
Пример

.inform_line {
    background-color: red;
    height: 8px;
    margin-bottom: 10px;
    margin-left: 215px;
  }

Другими словами добавьте ей отступ слева.

button, 
button:active, 
button:focus {
    outline: none;
}

Ну тут есть два варианта, первый это выводить в окне контент для всех вкладок каждый в своем блоке и открывать изначально только первый. Тогда код будет примерно таким:

<ul class="menu">
      <li><a href="#tab1" data-toggle="modal" data-target="#myModal">О Компании</a></li>
       <li><a href="#tab2" data-toggle="modal" data-target="#myModal">Доставка и оплата</a></li>
       <li><a href="#tab3" data-toggle="modal" data-target="#myModal">Наши гарантии</a></li>
</ul>
<div class="modal-body">
        <div id="tab1" class="tab__content">Tab1</div>   
        <div id="tab2" class="tab__content">Tab2</div>   
        <div id="tab3" class="tab__content">Tab3</div>   
</div>

JS:

$(document).ready(function () {
    var allBlocks = $('.tab__content');
    $(document).on('click', '.menu a', function () {
        var el = $(this), id = el.attr('href');
        allBlocks.css('display', 'none'); 
        $('.modal-body').find(id).css('display', 'block');
        return false;
    });
});

Либо второй вариант, когда контент для каждого таба будет запрашиваться по средствам ajax запроса. Тогда вам будет нужен только один блок для вывода результата. Будет что-то вроде того:

<ul class="menu">
      <li><a href="#tab1" data-toggle="modal" data-target="#myModal">О Компании</a></li>
       <li><a href="#tab2" data-toggle="modal" data-target="#myModal">Доставка и оплата</a></li>
       <li><a href="#tab3" data-toggle="modal" data-target="#myModal">Наши гарантии</a></li>
</ul>
<div class="modal-body">
        <div id="tab-content">По дефолту контент первого таба</div>   
</div>

JS:

$(document).ready(function () {
    var target = $('#tab-content');
    $(document).on('click', '.menu a', function () {
        var el = $(this), id = el.attr('href');
        //тут либо get либо post
       $.post('url', {'tabid': id}, function (response) {
           target.html(response);
       });        
       return false;
    });
});

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