Bootstrap Modal Odaklanmadı

Bir web yaparken Bootstrap Modal'a bir "giriş" a sahip olmadım, her şeyi denedim ve işe yaramadı, modal belirdi ancak giriş odaklanmadı. Basit bir modelle "test.php" yaptım ve çalışmıyor. İşte ben de çalışmıyor unelink.es sunucuda çalışmıyor benim sunucuda bu kodu, denerseniz "test.php"Bootstrap Modal Odaklanmadı

<html lang="es"> 

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 


    <link href="../css/bootstrap.min.css" rel="stylesheet"> 
    <script src="../js/jquery.min.js"></script> 
    <script src="../js/bootstrap.min.js"> 



    <script> 


$('#myModal').on('shown.bs.modal', function() { 
    $('#referencia').focus(); 
}) 


    </script> 

</head> 
<body> 
<!-- Button trigger modal --> 
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
    Launch demo modal 
</button> 

<!-- Modal --> 
<div class="modal fade" id="myModal"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <input name="referencia" id="referencia" type="text" class="form-control text-uppercase" placeholder="Descripci&oacute;n"> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 
</body>

, ama kemanla" aynı kodu koyarsanız ", iyi çalışıyor.

Sorun nedir hakkında bir fikrin var mı? Başka bir şeye ihtiyacım olursa ... veya sunucuya bir şey yüklerim.

P.D. İngilizcem için üzgünüm.

<input name="referencia" id="referencia" type="text" class="form-control text-uppercase" placeholder="Descripci&oacute;n" autofocus>

veya denemek bu:

kaynak

2016-03-02 teikuei

Belki tarayıcı jquery bulamadık .min.js ?! Tarayıcınızı F12/geliştirici araçları/firebug ile açarsanız, ağ görünümünde kırmızı girişler görüyor musunuz? – Varon

Sadece yaptığım şey buydu, şöyle diyor: Hata: Bootstrap'in JavaScript'i jQuery gerektirir .. ama arşiv var. Neden yüklenmiyor? – teikuei

Chrome'u denediğimde çalışırsam ... bir firefox olmalı. Deliriyordu. Firefox ile sorun ne olabilir? Şu ana kadar iyi çalışıyordu. – teikuei

bu (otofokus sizin linke eklenen) deneyin

$('#myModal').on('shown.bs.modal', function() { 
    $('#myInput').focus(); 
})

veya bu:

// Every time a modal is shown, if it has an autofocus element, focus on it. 
$('.modal').on('shown.bs.modal', function() { 
    $(this).find('[autofocus]').focus(); 
});

kaynak

2016-03-04 20:51:31 JoeyG

2. seçenek için çalıştım. Teşekkürler – cralfaro

Teşekkürler, bu benim günümü oluştur. :) Bir çekicilik gibi çalışmak –

Özellikle her zaman otomatik odaklama için jquery işlevi gibi. Kullanıcı yanlışlıkla modal kapatırsa UX sabit yapar. – Michael

cevap

İlgili konular