Sayfada 1 kere gözükecek popup

emmir2 1031 gün önce

333 defa görüntülendi

Merhabalar sayfa açılınca otomatik çıkıyor kapat butonuna basınca f5 atınca tekrar çıkmasını istemiyorum nası yapabilirim

<div id="popup" role="dialog" style="    display: block;" aria-hidden="true" class="modal fade show">
      <div class="modal-dialog modal-lg modal-dialog-centered">
        <div tabindex="-1" role="document" class="modal-content">
          <div class="modal-body">
            <img src="assets/img/popup/138d3f1c-fd58-46d4-ac72-082cc6c2c9d6.jpg" style="    width: auto;
    max-height: calc(100vh - 90px);
    text-align: center;
    margin: auto;
    display: block;">
          </div>
          <div class="modal-footer">
              <button type="button" - aria-label="Close" class="close">Kapat</button>
          </div>
        </div>
      </div>
    </div>

javascript

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (3)

abdullahx

1031 gün önce

$(function(){
        if (localStorage.autoOpen === undefined) {
            $("#popup").dialog({
                autoOpen:true,
            })
            localStorage.autoOpen = 'true'
        }
    })

Böyle bir kod işini görebilir fakat sormak istediğim bir şey var. Bu bir bootstrap modal a benziyor, sırf bu modal ı görünür yapabilmek için mi jqueryui kullanıyorsunuz yoksa jquery ui ı kullandığınız başka bir yer de var mı? Çünkü modal ı göstermek için buna ihtiyacınız yok.

#009088

emmir2

1031 gün önce

<div class="modal fade show" id="popup"  role="dialog"  aria-hidden="true" style="margin-top: 150px;">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
          <div class="modal-body">
            <img src="assets/img/popup/138d3f1c-fd58-46d4-ac72-082cc6c2c9d6.jpg" style="    width: auto;
    max-height: calc(100vh - 90px);
    text-align: center;
    margin: auto;
    display: block;">
          </div>
          <div class="modal-footer">
              <button type="button" onclick="jQuery('#popup').removeClass('show')" class="close">Kapat</button>
          </div>
        </div>
      </div>
    </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
   <script>
              $(function(){
                $("#popup").dialog({
                    autoOpen:true,
                });
            })
</script>

#009087

abdullahx

1031 gün önce

modalı açan kodları paylaşabilir misin?

#009086