Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Вынос скриптов во внешний файл

Вынос скриптов во внешний файл


     09.10.2012    jQuery    2586

вопрос
Есть много кодов которые подгружают блоки через аякс

<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 файлу???

Спасибо за ответы

Ответил: ПафНутиЙ


Я бы сделал как то так:
<!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");
Ну и допилить, чтоб загружал контент, а не текст ))
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 21.08.2013 jarrro  jQuery
 07.02.2014 Бахтияр_Османов  jQuery