Показать сообщение отдельно
  #2 (permalink)  
Старый 26.02.2015, 11:48
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,268

Сообщение от kristow
как переделать код для более быстрой работы.
Вот так можно уменьшить код...

<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	var a=[
		{one: '.thumbnail0', two: '.thumbnail0'},
		{one: '.thumbnail1', two: '.thumbnail1'},
		{one: '.thumbnail2', two: '.thumbnail2'}
	];
	for (var i=0; i<a.length; i++) {
		$(document).on('click', a[i].one, (function (Selector){
			return function(){ 
				alert($(Selector).attr('href')); 
				return false;
			};
		})(a[i].two))
	};
});
</script>
</head>
<body>
<div class="thumbnails">
	<a class="thumbnail0" href="/link0">
		<img alt="Партнеры" src="/images/nd/part.gif">
	</a>
	<a class="thumbnail1" href="/link1">
		<img alt="Партнеры" src="/images/nd/part.gif">
	</a>
	<a class="thumbnail2" href="/link2">
		<img alt="Партнеры" src="/images/nd/part.gif">
	</a>
</div>
</body>
</html>

Последний раз редактировалось ksa, 26.02.2015 в 11:51.
Ответить с цитированием