вопрос
Есть много кодов которые подгружают блоки через аякс
Как можно вынести в 1 js файл чтоб избедать лишних http запросов к серверу а свести все к 1 запросу к 1 файлу???
Спасибо за ответы
<script type="text/javascript">
$(document).ready(function() {
$('#hidden').load('/txt/1hidden.html');
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#1hidden').load('/txt/2hidden.html');
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#5hidden').load('/txt/5hidden.html');
});
</script>
Как можно вынести в 1 js файл чтоб избедать лишних http запросов к серверу а свести все к 1 запросу к 1 файлу???
Спасибо за ответы
Я бы сделал как то так:
Если не html5 вместо data-link можно использовать rel а в скрипте заменить thisElement.data("link"); на thisElement.attr("rel");
Ну и допилить, чтоб загружал контент, а не текст ))
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Заголовок страницы</title>
</head>
<body>
<section role="main">
<article>
<div class="hidden-block" id="someia01" data-link="path/somelink01.html"></div>
<div class="hidden-block" id="someia02" data-link="path/somelink02.html"></div>
<div class="hidden-block" id="someia03" data-link="path/somelink03.html"></div>
<div class="hidden-block" id="someia04" data-link="path/somelink04.html"></div>
<div class="hidden-block" id="someia05" data-link="path/somelink05.html"></div>
</article>
</section>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
jQuery(function($) {
$(".hidden-block").each(function (i) {
thisElement = $(".hidden-block").eq(i);
loadingContent = thisElement.data("link");
thisElement.html(loadingContent);
});
});
</script>
</body>
</html>
Если не html5 вместо data-link можно использовать rel а в скрипте заменить thisElement.data("link"); на thisElement.attr("rel");
Ну и допилить, чтоб загружал контент, а не текст ))
