Показать сообщение отдельно
  #1 (permalink)  
Старый 09.09.2016, 14:04
Интересующийся
Отправить личное сообщение для Sk1LL Посмотреть профиль Найти все сообщения от Sk1LL
 
Регистрация: 05.02.2016
Сообщений: 12

Наделал костылей, не могу разобратся
ПРивет товарищи!

Есть страница, на ней список длинный.
При нажатии на пункт списка нужно модальное окно, с информацией относящейся к пункту.

Надыбал в инете простейший скрипт.

$(window).load(function () {
	function resize(){
		$('#modal').height(window.innerHeight - 50);
	}
	$( window ).resize(function() {
		resize();
	});
	resize();
	function refresh_close(){
		$('.close').click(function(){
			$(this).parent().fadeOut(200);
		});
	}
	refresh_close();

	var fb1 = '<div id="modal-full">содержимое 1 окна</div>';
	var fb2 = '<div id="modal-full">содержимое 2 окна</div>';
	var fb3 = '<div id="modal-full">содержимое 3 окна</div>';

	$('#f1').click(function(){
		$("#modal-full").remove();
		$("#modal").append(fb1);
		$("#modal-full").addClass('animated ' + 'effect1');
		refresh_close();
	});

	$('#f2').click(function(){
		$("#modal-full").remove();
		$("#modal").append(fb2);
		$("#modal-full").addClass('animated ' + 'effect1');
		refresh_close();
	});

	$('#f3').click(function(){
		$("#modal-full").remove();
		$("#modal").append(fb3);
		$("#modal-full").addClass('animated ' + 'effect1');
		refresh_close();
	});
});


Как вы понимаете, если строк ОВЕР ДОХУЯ МНОГО, то скрипт получается тяжелым и тормозящим пребывание на странице...

Как упростить хотя бы последнюю часть скрипта...

Спасайте!!!
Ответить с цитированием