Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Удаление и восстанавелние элементов (jquery) (https://javascript.ru/forum/misc/59619-udalenie-i-vosstanavelnie-ehlementov-jquery.html)

saper333 25.11.2015 21:04

Цитата:

Сообщение от рони (Сообщение 397603)
из разряда как сделать сайт, попробуйте уточнить вопрос.

Хорошо, нужно что бы при загрузке странице все элементы <div class="j"> не загружались, и подгружались только после того как нажать на определённый элемент <div class="c">, то есть на который нажмёшь элемент <div class="c"> тот <div class="j"> и подгрузится. Сложно будет это воссоздать? :)

рони 25.11.2015 21:39

ajax запрос по клику
 
saper333,
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        div {
            border: 1px solid;
        }

    </style>
    <title>Document</title>
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
</head>
<body>
<div>
    <div class="c">1</div>

</div>
<div>
    <div class="c">1</div>

</div>
<div>
    <div class="c">1</div>

</div>

<script>
 $(document).ready(function() {
    $(".c").each(function(c, a) {
        var b = $('<div/>', {html: 'идёт загрузка','class':'j'}),h;
         $(a).click(function() {
          !h && $.ajax('https://api.vkontakte.ru/method/wall.get?domain=adme')
.then(function(result){
   h = JSON.stringify(result);
   b.html(h)
});
            $(a).nextAll(".j").length ? b.remove() : b.insertAfter(a)
        })
    })
});
</script>

</body>
</html>

saper333 26.11.2015 15:23

рони,
Написал вам личное сообщение.


Часовой пояс GMT +3, время: 07:52.