Vishal Parmar Ответов: 1

Я пытаюсь сделать всплывающее окно (модельная форма) автоматически показываемым , когда я посещаю веб-сайт, я не знаю, какие проблемы там в этом коде

Это мой модальный код я не знаю почему он не работает должным образом

<div class="modal fade in" id="overlay" style="padding-right: 17px">
  <div class="modal-dialog">
    <div class="modal-content">
    
      <div class="modal-body">
        <div class="modal-header">

          ×

           ×</button >
                        <h3 class="modal-title">Blumen</h3>
                    </div>
             
<p style="text-align: center; padding: 10px 0 0 0; font-size: 13px">Please enter the details below to get the detailed pricing information.</p>
                         <div class="row">
                                

                                <div class="col-md-12 col-sm-6 col-xs-12">
                                    <div class="form-group">
                                        
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-6 col-xs-12">
                                    <div class="form-group">
                                                        
                                </div>
                            </div>
                                <div class="col-md-12 col-sm-6 col-xs-12 padd-15px">
                                    <div class="form-group">
                                        
                                    </div>
                                </div>
                                
                                <div class="col-md-12 col-sm-6 col-xs-12">
                                    Send
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        
                        <div class="modal-footer">
          Close
        </div>
                        </div>
    </div>
  </div>
</div>


Что я уже пробовал:

я хочу, чтобы всплывающая модель автоматически появлялась, когда я посещаю веб-сайт.
Я не знаю, как я могу это сделать.

Надеюсь, вы меня понимаете.

Richard Deeming

Если вы хотите, чтобы кто-то помог вам исправить ваш код, вам нужно показать нам соответствующие части вашего кода и рассказать нам, в чем заключается проблема.

Нажмите на зеленую ссылку "улучшить вопрос" и отредактируйте свой вопрос. Добавьте соответствующие части вашего кода и полную информацию о любых ошибках из консоли браузера.

1 Ответов

Рейтинг:
1

Bryian Tan

Для этого можно добавить JavaScript.

<script type="text/javascript">
	$(document).ready(function(){
		$("#overlay").modal('show');
	});
</script>

Вот как это выглядит при добавлении скрипта к вашей размещенной разметке
Редактор Tryit В3.5[^]

Вот вам пример:
https://www.tutorialrepublic.com/codelab.php?topic=faq&файл=шоу-загрузочный модальные-на странице загрузки

Richard Deeming

NB: $(document).ready(fn); является устаревшим с версии v3. Рекомендуемый синтаксис таков $(fn);

.ready() | документация по API jQuery[^]

Bryian Tan

Спасибо.

Vishal Parmar

спасибо, что переиграли меня.
я добавил скрипт но форма не может отображаться

Bryian Tan

хммм. Трудно сказать, что происходит в вашем окружении. Какую версию Bootstrap/jQuery использует приложение?

Vishal Parmar

jquery/1.7.2/jquery.min.js.
bootstrap самая короткая версия.
сделано

Bryian Tan

вы пробовали скопировать пример из ссылок и запустить его из своей среды?