Bạn có thể chỉ cần sử dụng phương pháp modal('hide') để ẩn hoặc đóng cửa sổ phương thức trong Bootstrap bằng jQuery. Các phương thức phương thức khác của Bootstrap có liên quan là modal('show') và modal('toggle')
Hãy thử ví dụ này tự động đóng phương thức Bootstrap khi nhấp vào nút
jQuery Close Bootstrap Modal Window on Button Click
Modal Title ×
This is a simple Bootstrap modal. Click the "Close button", "cross icon" or "dark gray area" to close or hide the modal.
Close Modal
Câu hỏi thường gặp liên quan
Dưới đây là một số câu hỏi thường gặp khác liên quan đến chủ đề này
Làm cách nào để ẩn phương thức Bootstrap bằng JavaScript?
Cải thiện bài viết
Lưu bài viết
Thích bài viết
- Độ khó. Khó
- Cập nhật lần cuối. 19 tháng 6 năm 2019
Cải thiện bài viết
Lưu bài viết
Bài viết này sẽ cho chúng ta biết bootstrap thực thi như thế nào khi. phương thức (cửa sổ phương thức) bị đóng. Tại một số thời điểm, cửa sổ phương thức – bất cứ khi nào nó được mở (cùng với phương thức lớp), nó sẽ đóng lại.
Ngay sau khi phương thức kết thúc, sau khi bị ẩn khỏi người dùng, sự kiện sẽ được kích hoạt. Hàm sẽ được thực thi và cú pháp bên dưới cũng sẽ được kích hoạt, bất cứ khi nào cửa sổ phương thức bị ẩn đi. Nhân tiện, nó sẽ gọi đến người gọi/người dùng, trước khi biến mất ngay lập tức. Ngoài ra, điều này hoàn toàn không được quản lý bởi người dùng. Thư viện Bootstrap đã được tích hợp sẵn và nó sẽ thực hiện công việc tối đa cho bạn.
Cú pháp dưới đây sẽ được sử dụng khi phương thức Bootstrap sắp bị ẩn hoặc để ẩn phương thức Bootstrap.
Cú pháp.
Thí dụ. Ví dụ này cho thấy việc sử dụng ẩn. bs. phương thức
<!DOCTYPE html>
<html>
<hide.bs.modal1____8
hide.bs.modal3____6<!DOCTYPE html>1 <!DOCTYPE html>2<!DOCTYPE html>3<!DOCTYPE html>4>
<!DOCTYPE html>6<!DOCTYPE html>7
<!DOCTYPE html>8<!DOCTYPE html>9<!DOCTYPE html>1____8
hide.bs.modal3____6<!DOCTYPE html>1 <!DOCTYPE html>2<!DOCTYPE html>3<7>
<!DOCTYPE html>6html0
<!DOCTYPE html>8<!DOCTYPE html>9<!DOCTYPE html>1____8
hide.bs.modal3____6html7 html8<!DOCTYPE html>3>0
>1>2>3<!DOCTYPE html>3>5>6
>7>8____53____90 1
hide.bs.modal3______6 4 5<!DOCTYPE html>3 7
>1____99<!DOCTYPE html>3
<1>
hide.bs.modal3_______6<5 <6<!DOCTYPE html>3
<8>
<!DOCTYPE html>8<!DOCTYPE html>9____65>
hide.bs.modal3_______6<5 <6<!DOCTYPE html>3
hide.bs.modal19>
<!DOCTYPE html>8<!DOCTYPE html>9____65>
hide.bs.modal3____6____52____8
>9hide.bs.modal30
hide.bs.modal31hide.bs.modal32
hide.bs.modal31hide.bs.modal34
hide.bs.modal31hide.bs.modal36
hide.bs.modal31hide.bs.modal38
hide.bs.modal31____500
_______131____502
_______131____504
_______131____506
_______131____508
>9<!DOCTYPE html>10
_______13____59____52____8
<!DOCTYPE html>9hide.bs.modal1>
<<!DOCTYPE html>20 <!DOCTYPE html>2<!DOCTYPE html>3<!DOCTYPE html>23>
hide.bs.modal3______6<!DOCTYPE html>27 <!DOCTYPE html>28<!DOCTYPE html>3<!DOCTYPE html>30>
>9<<!DOCTYPE html>1<!DOCTYPE html>35<!DOCTYPE html>1>
>9<!DOCTYPE html>39
>9<<!DOCTYPE html>42 <!DOCTYPE html>43<!DOCTYPE html>3<!DOCTYPE html>45
<!DOCTYPE html>46____52____53____549
_______546____528____53____553
<!DOCTYPE html>46<!DOCTYPE html>55<!DOCTYPE html>3<!DOCTYPE html>57>
>1____560
<!DOCTYPE html>6<!DOCTYPE html>9____542>
>9<!DOCTYPE html>66
>9<<!DOCTYPE html>27 <!DOCTYPE html>28<!DOCTYPE html>3<!DOCTYPE html>72
<!DOCTYPE html>73<!DOCTYPE html>55____53<!DOCTYPE html>76
<!DOCTYPE html>73<!DOCTYPE html>78<!DOCTYPE html>3<!DOCTYPE html>80>
hide.bs.modal31<<!DOCTYPE html>27 <!DOCTYPE html>28<!DOCTYPE html>3<!DOCTYPE html>87>
<!DOCTYPE html>46____590
<!DOCTYPE html>46<<!DOCTYPE html>27 <!DOCTYPE html>28<!DOCTYPE html>3<!DOCTYPE html>96>
<!DOCTYPE html>98<<!DOCTYPE html>27 <!DOCTYPE html>28<!DOCTYPE html>3<03>
<05<<!DOCTYPE html>42 <!DOCTYPE html>43<!DOCTYPE html>3<!DOCTYPE html>45
_______611____528____53____614
<11<16____53<18>
<20<21
<05<!DOCTYPE html>9____542>
<05<<28 <!DOCTYPE html>28<!DOCTYPE html>3<31>
<20<34
<05<!DOCTYPE html>9____628>
<39<!DOCTYPE html>9____527>
<39<<!DOCTYPE html>27 <!DOCTYPE html>28<!DOCTYPE html>3<48>
<05<<52<53<54<55<54<57
<20<59<52>
<05<______652<65
<20<67
<20<69<54<71<54<73
<74<!DOCTYPE html>9<52>
<!DOCTYPE html>98<!DOCTYPE html>9<!DOCTYPE html>27>
<!DOCTYPE html>46<!DOCTYPE html>9____527>
_______131____59____527____8
_______89____59____527____8
hide.bs.modal3____59<!DOCTYPE html>27____8
hide.bs.modal3____6____65>
>9html03
hide.bs.modal31html05
hide.bs.modal31html08
_______546____710
hide.bs.modal31html12
hide.bs.modal31html15
_______546____717
hide.bs.modal31html12
>9html12
hide.bs.modal3____59<5>
_______59____520____8
<!DOCTYPE html>9html>
Đầu ra.
Khi chúng tôi tải mã.
Khi chúng tôi nhấp vào nút 'X'
cửa sổ bật lên
Kết quả
Làm việc
Ghi chú cá nhân của tôi arrow_drop_up
Tiết kiệm