Bootstrap v5.0 Modal Çalışmıyor.

Merhabalar,

Bootstrap v5.0 üzerinde bir proje geliştiriyorum fakat <a href ile çalıştırdığım modal, <button kullandığım zaman çalışmıyor. Daha önce deneyimlemiş olan var mı? Yardımlarınız için teşekkür ederim.

İyi forumlar

Çözüm: beklemediğim anda farklı bir şey deneyerek çalıştırdım.

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#girisyap">
  Launch static backdrop modal
</button>

<!-- Modal -->
<div class="modal fade" id="girisyap" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Understood</button>
      </div>
    </div>
  </div>
</div>

Kodları atarmısınız inceleyelim

örnek kod paylaşabilir misin? butona data-bs-target attribute tanımlıyorsun dimi?

Kodlarım çok uzun fakat kullanmak istediğim kodu atayım hocam.

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

Örnek kodum yukarıda hocam, evet dediklerinizi çok fazla detaylı kontrol ettim fakat çalışmıyor.

Kodda bir sorun yok, bootstrap.js dosyasını yüklediğinizden emin misiniz? Butona tıklayınca console'a hata düşüyor mu?

Bu zaten orjinal kodlar

<a data-bs-toggle="modal" data-bs-target="#exampleModal" >sadads</a>

verildiği zaman çalışacaktır önemli olan sizin kodlar ne şekilde yaptığınızı görmem lazım modalın tetiklendiği kodu atarmısınız

Bunun beraberinde JavaScript dosyalarıni ekledinizmi ? Bundle.js v.s

<a href üzerinde bir problemim yok hocam, orijinal kodu da çalıştıramıyorum