Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Membuka Tetingkap Modal Bootstrap dengan jQuery?

Bagaimana untuk Membuka Tetingkap Modal Bootstrap dengan jQuery?

Patricia Arquette
Patricia Arquetteasal
2024-11-17 08:28:03430semak imbas

How to Open a Bootstrap Modal Window with jQuery?

Cara Membuka Tetingkap Modal Bootstrap Menggunakan jQuery

Penyelesaian

Twitter Bootstrap menyediakan beberapa fungsi yang boleh digunakan secara manual pada tetingkap modal:

  • $('#myModal').modal('toggle'): Menogol tetingkap modal antara kelihatan dan tersembunyi.
  • $('#myModal').modal('show' ): Memaparkan tetingkap modal.
  • $('#myModal').modal('hide'): Menyembunyikan tetingkap modal.

Untuk membuka tetingkap modal secara pemprograman, gunakan kaedah $('#myModal').modal('show') dan bukannya $('#my-modal').modal({ show: 'false' }).

Custom Popups

Jika anda ingin membuat pop timbul tersuai, pertimbangkan untuk menggunakan tutorial video berikut:

[https://www.youtube.com/watch?v=zK4nXa84Km4](https://www.youtube .com/watch?v=zK4nXa84Km4)

Atas ialah kandungan terperinci Bagaimana untuk Membuka Tetingkap Modal Bootstrap dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn