оранжевый ящик (лайтбокс) при загрузке страницы

Question

я не знаком с jquery или javascript, поэтому я нашел решения для похожих проблем, но никто не объясняет, как это работает, поэтому я могу преобразовать его в свою версию лайтбокса.

Итак, я хочу, чтобы orangebox (плагин jquery) загружался при открытии новой страницы. для уведомления пользователей об успешной отправке контактной формы.

вот ссылка на orangebox http://orangebox.davidpaulhamilton.net

что-то, что может вызвать это, может быть

    <a href="#thankyou" rel="lightbox" title="ty">Thank You?</a>
<div id="inlineContent" style="display:none">Thank You</div>
</span></div>
</span></div>
<div id="thankyou" style="display:none"> 
    <p>Thank you for contacting us, we will reply soon.
</p> 
    </div> 

спасибо, ребята

Answer 1

Если вы посмотрите на общедоступные методы, вы увидите, как создать новую оранжевую коробку: http://orangebox.davidpaulhamilton.net/api.html

$("anchorID").orangebox('create');

Добавьте этот код на страницу, где вы хотите создать оранжевую коробку с идентификатором div. спасибо .

    $(function(){
      $("#thankyou").orangebox('create');
    });

Это не проверено.Дайте мне знать, если это работает.

И просто для того, чтобы вы знали:

$(function() {

эквивалентно

$("document").ready(function(){

, поэтому апельсиновый ящик должен быть создан, когда документзагружен.