सफारी/आईओएस/आईफोन

Question

बूटस्ट्रैप मोडल फीड क्रोम/इंटरनेट एक्सप्लोरर पर पूरी तरह से काम कर रहा है, लेकिन यह आईफोन/सफारी पर काम नहीं करता है। क्या कोई इस मुद्दे का समाधान करता है?

<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

मैं इन दिनों एक ही समस्या थी और पता लगा, iOS पर कि सफारी एक बात के संबंध में अन्य ब्राउज़रों के लिए अलग तरह काम कर रहा है। मोडल विंडो सफारी पर नहीं दिखाई जाती है लेकिन कई अन्य ब्राउज़रों पर, जब href = "#" गायब होती है।

सफारी/iOS लेकिन अन्य ब्राउज़रों पर काम नहीं कर:

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

सफारी/iOS और अन्य ब्राउज़रों पर काम कर रहा:

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

Answer 2

आप 'एक' टैग एक करते हैं इसके बजाय 'बटन', यह सफारी आईओएस और डेस्कटॉप ब्राउज़र दोनों में काम कर रहा है।

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

Answer 3

मुझे यह उत्तर मिला जो मेरे लिए समस्या का समाधान करता है। समस्या यह है कि आईओएस को एहसास नहीं होता कि टैग क्लिक करने योग्य है।

.clickable { 
    cursor: pointer; 
} 

अपने मोडल कोड में क्लिक करने योग्य वर्ग, जोड़ें::

एक सीएसएस शैली इस प्रकार बनाएं

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