Бог, завивающийся использующий AJAX, Javascript/jQuery, DOM и Кнопку Мне нравится Facebook

Я готовлюсь осуществлять подобное Твиттеру бесконечное завивание к своим страницам продукта. Таким образом, загружая дополнительные части страницы, используя AJAX, когда я пересекаю определенные пороги свитка. Но я не уверен, как темы в названии затронуты после такой погрузки. Мои вопросы следующие:

  1. Для каждой новой партии элементов, загружаемых AJAX, DOM будет обновлен для этих новых элементов ИЛИ полностью возобновлен? Что происходит со старым DOM?

  2. , как который я буду в состоянии использовать JavaScript и jQuery на этих новых элементах DOM точно, я имею на DOM, с которым я начинаюсь для страницы? Я предполагаю, что это касается первого вопроса.

  3. Для каждого груза, я загружу, говорят 9 новых продуктов. У каждого продукта есть Кнопка Мне нравится FB, которая использует FB Открытый API Графа. Новым продуктам понравятся элементы, проходят ту же самую асинхронную модификацию, которая происходит с элементами DOM, я начинаюсь с тем, так, чтобы надлежащее Как подчинение было возможно?

1
nl ja de

2 ответы

Давайте начнем один за другим.

  1. The DOM, in your intent, should only be updated, not renewed. There is no old DOM since what you do is to insert new elements on them.

  2. Yes, you'll be able to do that. Be careful though with event listeners because if you start them wrong, you'll have to attach new event listener to those new nodes again. For example:

    $('body').on('click','a.addToCart',function(){})//Will match present and future nodes $('a.addToCart').on('click',function(){});//Will only match present nodes

  3. Yes, you'll need to do the same process for each button again.

Bonus tip: If you care about mobile environments, you should keep your DOM as clean as you can by deleting nodes you won't need.

1
добавлено
  1. Просто использует document.appendChild() для добавления новых Элементов к DOM. (http://www.w3schools.com/jsref/met_node_appendchild.asp) Восстановление страницы отверстия было бы пустой тратой времени;)

  2. не должен быть никакой проблемой. Я много раз делал его без любых проблем. При использовании jQuery, Мобильный, необходимо освежить новые элементы, возможно. (Посмотрите на методы, умирают jQuery Мобильный Виджет, который вы используете, если этому нужна регенерация)

  3. , у меня нет большого опыта с API Facebook, но я сказал бы "да" =)

править: У меня была связь с немецким местом в моем ответе. Я имею, забыл, что это - английское место;)

0
добавлено
JavaScript Jobs — чат
JavaScript Jobs — чат
8 336 участник(ов)

JavaScript Jobs — чат для поиска работы и людей Правила оформления: https://teletype.in/@telegram-ru/r1WQe5F1m См. также: @mobile_jobs, @devops_jobs, @nodejs_jobs, @react_js, @angular_ru, @js_ru

JavaScript.ru
JavaScript.ru
7 932 участник(ов)

Сообщество сайта JavaScript.ru в Slack.

pro.js
pro.js
4 675 участник(ов)

Про JavaScript и NodeJS Invite: https://t.me/joinchat/Be4rsT5Rsgq30DHutjxXgA Правила: http://telegra.ph/ru-chat-rules-06-19 Вакансии только с ЗП, не чаще раза в неделю.

Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

JavaScript — русскоговорящее сообщество
JavaScript — русскоговорящее сообщество
3 269 участник(ов)

Рекомендуем сразу отключить уведомления Правила: https://rudevs.network/ByaMH6un7 См. также: @js_noobs_ru, @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

JavaScript Noobs — сообщество новичков
JavaScript Noobs — сообщество новичков
2 484 участник(ов)

Чат для новичков

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

javascript_ru
javascript_ru
915 участник(ов)

Сообщество любителей самого популярного языка программирования в мире. Чат основан в 2009 году. Логи: https://goo.gl/9EOeM7 Поддержка бота: @chat_linker (ссылка на репу внутри) Вам будут интересны @frontend_ru и @css_ru

jsChat
jsChat
603 участник(ов)

Чат посвященный программированию на языке javaScript Перед отправкой ссылки на Ваш контент посоветуйтесь с админом Все ссылки удаляются ботом автоматически

JavaScript for Zombies Chat
JavaScript for Zombies Chat
492 участник(ов)

Чат про JavaScript для настоящих zombie! Вход строго по приглашениям! Ссылка для строгих приглашений: https://t.me/joinchat/AAMBHz3Uyr0tuZ7VaB029g

All That JS
All That JS
417 участник(ов)

JS на русском

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing