Показать сообщение отдельно
  #1 (permalink)  
Старый 29.09.2013, 16:31
Аспирант
Отправить личное сообщение для Nifler Посмотреть профиль Найти все сообщения от Nifler
 
Регистрация: 29.09.2013
Сообщений: 37

Оптимизация кода
День добрый. Пока только начал разбираться в jQuery и написал дико неграмотный код как по мне.
$(document).ready(function(){
    $("#block-tabbet-links > div").addClass("tab-link");
});
$(document).ready(function(){
	$('div[id^="block-tabbet-content"]').addClass("tab-content");
});
$(document).ready(function() {
        $('#block-tabbet-links-1').bind('click', function() {
			  $('div[id^="block-tabbet-content"]').removeClass('tab-active');
              $('#block-tabbet-content-1').addClass('tab-active');
			  $('div[id^="block-tabbet-links"]').removeClass('tab-link-selected');
			  $(this).addClass("tab-link-selected");
         });
});
$(document).ready(function() {
        $('#block-tabbet-links-2').bind('click', function() {
			  $('div[id^="block-tabbet-content"]').removeClass('tab-active');
              $('#block-tabbet-content-2').addClass('tab-active');
			  $('div[id^="block-tabbet-links"]').removeClass('tab-link-selected');
			  $(this).addClass("tab-link-selected");
         });
});
$(document).ready(function() {
        $('#block-tabbet-links-3').bind('click', function() {
			  $('div[id^="block-tabbet-content"]').removeClass('tab-active');
              $('#block-tabbet-content-3').addClass('tab-active');
			  $('div[id^="block-tabbet-links"]').removeClass('tab-link-selected');
			  $(this).addClass("tab-link-selected");
         });
});
$(document).ready(function() {
        $('#block-tabbet-links-4').bind('click', function() {
			  $('div[id^="block-tabbet-content"]').removeClass('tab-active');
              $('#block-tabbet-content-4').addClass('tab-active');
			  $('div[id^="block-tabbet-links"]').removeClass('tab-link-selected');
			  $(this).addClass("tab-link-selected");
         });
});
$(document).ready(function() {
        $('#block-tabbet-links-5').bind('click', function() {
			  $('div[id^="block-tabbet-content"]').removeClass('tab-active');
              $('#block-tabbet-content-5').addClass('tab-active');
			  $('div[id^="block-tabbet-links"]').removeClass('tab-link-selected');
			  $(this).addClass("tab-link-selected");
         });
});

этот код делает реализацию табов. вот ссылка, как это выглядит
http://demo.nifler.com/

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