2016-04-05 4 views
0

Я добрая новичок в программировании Javascript/JQuery, и у меня есть простой вопрос.JQuery Popup Content

То, что я пытаюсь сделать, - создать всплывающее окно размером 450 x 350 пикселей, которое отображается с задержкой в ​​2 секунды. Я думаю, что у меня есть структура вниз, как заставить ее задерживаться и появляться.

Мой настоящий вопрос: как добавить пользовательский контент в это всплывающее окно? Добавлял ли я свой контент в div с идентификатором, а затем ссылался бы на этот ID в коде JQuery, чтобы он всплывал?

Я просто не уверен, куда идти с этим.

Дайте мне знать!

Спасибо.

+0

Кроме того, если это помогает, я использую функцию setTimeout, чтобы она показывалась с задержкой. Если есть лучший подход, сообщите мне. Благодаря! – Learn12

+0

вы можете использовать диалоговое окно [jQuery UI] (https://jqueryui.com/dialog/). Или вы можете сделать свое собственное «всплывающее окно», создав DIV в CSS – David784

+0

Спасибо Дэвиду. Поэтому, когда я настраиваю div по своему вкусу, я могу просто назвать этот div (div ID?), И он покажет контент, который там есть? – Learn12

ответ

1

Скажите, что у вас есть <div id="one" class="js-one"></div>. Вы можете изменить текстовое содержимое w/jQuery, используя id $('#one').text("Hello") или класс $('.js-one').text("Hello"); обратите внимание, что использование класса будет обновлять все элементы w/this class. Если ваш пользовательский контент включает в себя HTML, тогда вы захотите использовать метод jQuery html вместо text.

См: http://api.jquery.com/text/ и документы для .html()

Чтобы показать/скрыть стиль DIV, см: http://api.jquery.com/toggle/ и документы для .show() и .hide().

+0

Ах спасибо за информацию Иеремия. Я рассмотрю эти ресурсы немного больше. – Learn12