Главная страница   /   12.2. Установка библиотеки jQuery Templates (Pro jQuery

Pro jQuery

Pro jQuery

Адам Фриман

12.2. Установка библиотеки jQuery Templates

Прежде чем использовать шаблоны jQuery, нужно получить библиотеку и присоединить ее к документу. Библиотеку можно скачать на https://github.com/jquery/jquery-tmpl. Распакуйте архив и скопируйте либо файл jquery.templ.js (для разработки), либо файл jquery.teml.min.js (для публикации) на ваш веб сервер, в идеале в то же самое место, где расположен основной jQuery JavaScript файл.

Следующим шагом будет добавление элемента script в наш пример документа, который импортирует библиотеку шаблонов, как показано в листинге 12-2.

Листинг 12-2: Добавление библиотеки шаблонов в пример документа
<!DOCTYPE html>
<html>
<head>
	<title>Example</title>
	<script src="jquery-1.7.js" type="text/javascript"></script>
	<script src="jquery.tmpl.js" type="text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="styles.css" />
	<script type="text/javascript">
		$(document).ready(function () {
			// example will go here
		});
	</script>
</head>
<body>
	<h1>Jacqui's Flower Shop</h1>
	<form method="post">
		<div id="oblock">
			<div class="dtable">
				<div id="row1" class="drow"></div>
				<div id="row2" class="drow"></div>
			</div>
		</div>
		<div id="buttonDiv">
			<button type="submit">Place Order</button></div>
	</form>
</body>
</html>

Я буду использовать этот листинг в качестве примера документа для этой главы. Кроме того, что я добавил библиотеку шаблонов, вы заметили, что я удалил отдельную цветочную продукцию. Мы будем использовать библиотеку шаблонов, чтобы изучить несколько различных технических приемов, чтобы добавить их обратно. В качестве отправной точки, на рисунке 12-1 вы можете увидеть, как выглядит документ.

Рисунок 12-1: Начальный вид примера документа

Внимание

Ранее я показывал вам, как можно использовать jQuery, чтобы улучшать и моделировать документ, все же оставляя его функциональным для пользователей, браузеры которых не поддерживают JavaScript. Вообще, это очень здравый подход, но, к сожалению, большинство технических приемов из этой главы с ним в значительной степени несовместимы. Для идеи использования JavaScript в создании элементов из данных при помощи шаблонов крайне сложно найти эквивалент для пользователей, браузеры которых не поддерживают JavaScript. В конце концов, если документ уже содержал элементы, полученные из данных, вам не нужно будет использовать шаблоны. Я большой поклонник предоставления резервной копии для браузеров без JavaScript и я рекомендую вам хорошенько обдумывать, какой продукт вы предоставляете таким пользователям, даже если я рекомендую вам эти шаблоны для вашего же удобства и простоты.