Vấn đề về phương thức khởi động trên Safari/iOS/iPhone

Question

Phương thức khởi động kiểu khởi động đang hoạt động hoàn hảo trên Chrome/Internet Explorer, nhưng nó không hoạt động trên iPhone/Safari. Có ai đó là giải pháp cho vấn đề này không?

<div class="modal fade" id="notice" tabindex="-1" role="dialog" aria-labelledby="notice" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
       <img src="https://random.hellyer.kiwi/files/2013/11/wiley-coyote-help.jpg" /> 
       | wait, I'm updating... 
      </div> 
     </div> 
    </div> 
</div> 

<script> 
    $('#notice').modal('show'); 
    setTimeout(function() { 
     $('#notice').modal('hide'); 
    }, 3000); 
</script> 

https://jsfiddle.net/mmbtfhaf/

Answer 1

tôi đã cùng một vấn đề những ngày này và đã tìm ra, đó là Safari trên iOS đang làm việc khác nhau với các trình duyệt khác liên quan đến một điều. Cửa sổ phương thức không được hiển thị trên safari nhưng trên nhiều trình duyệt khác, khi thiếu a href = "#".

không làm việc trên Safari/iOS nhưng các trình duyệt khác:

<li><a data-toggle="modal" data-target="#testModal">Modal</a></li>

làm việc trên Safari/iOS và các trình duyệt khác:

<li><a href="#" data-toggle="modal" data-target="#testModal">Modal</a></li>

Answer 2

Nếu bạn thực hiện 'a' tag một 'nút' thay vào đó, nó hoạt động ở cả trình duyệt Safari và máy tính để bàn Safari.

<li><button data-toggle="modal" data-target="#testModal">Modal</button></li> 

Answer 3

Tôi thấy câu trả lời này đã giải quyết được vấn đề cho tôi. Vấn đề là các iO không nhận ra rằng thẻ có thể nhấp được.

Tạo một phong cách CSS như sau:

.clickable { 
    cursor: pointer; 
} 

Trong mã phương thức của bạn, thêm lớp nhấp được:

<li><a data-toggle="modal" class="clickable" data-target="#modalDelete">Delete</a></li>