как реализовать всплывающее окно с комментариями на dealsea.com?

Question

Я наткнулся на [проверить историю изменений для ссылки] и удивился его чистому дизайну. Меня особенно интересует, как сайт реализует всплывающее окно «Добавить комментарий», когда вы нажимаете любую ссылку «Добавить комментарий» в рамках сделки.

Мои знания JS для popup все еще находятся на уровне .. Пока этот сайт использует только для добавления комментариев. Как это вызывает всплывающее окно? Я искал на его домашней странице html-источник и не видел случая, когда он предварительно загружал всплывающее окно, а затем скрывал и включал его, когда кто-то нажимал ссылку «Добавить комментарии».

Answer 1

Они прикрепляют обработчик события нажатия через jQuery.Если вы используете инструменты разработчика своего браузера и консоль, вы можете выполнить следующий код для просмотра привязанных обработчиков.Если вы используете Firefox и Firebug, вы можете использовать Firequery, который добавляет данные .data () в представление dom.

$(".addcomment").data("events").click

Если вы посмотрите на внешний файл js и поищите «addcomment», выувидим привязанный обработчик.

Answer 2

Взгляните на jQuery Это библиотека javascript, которая имеет функцию и плагины, которые могут очень легко этого добиться, и поддерживает большинство браузеров.

Посмотрите на диалог jquery специально:1005 *http://jqueryui.com/demos/dialog/