2017-05-16 8 views
0

私はこの小さな問題を抱えています...私は入力をクリアしようとしています。それに焦点を当てたいのですが、問題はブートボックスのアラートメッセージを表示した後で、このコードを実行すると、入力テキストがクリアされるだけですが、フォーカスはされません。どのようにすればいいですか?ここにはExample Codeがあります。入力値をクリアしてからフォーカスを当てる

私は、これはこれをやって解決しようとした:

var msj = bootbox.alert("Error message."); 
$('#Barcode').val(''); 
msj.on('shown.bs.modal', function() { 
    $('#Barcode').focus();  
}); 

上記のコードは、私のために動作しません。

編集:ここに私のコードです。あなたはモーダルが閉じ/隠された後の入力を集中するつもりだ、これを使用して

var msj = bootbox.alert("Error message."); 
$('#Barcode').val(''); 
msj.on('hidden.bs.modal', function() { 
    $('#Barcode').focus();  
}); 

$(document).ready(function() { 
 
    
 
    $('#Number').on('keyup', function() { 
 
    var num = $(this).val(); 
 
    
 
    if (num > 0) 
 
     console.log("nothing to do"); 
 
    else { 
 
     bootbox.alert("Clear input and then do focus"); 
 
     $('#Number').val(''); 
 
     $('#Number').focus(); 
 
     } 
 
     
 
    }); 
 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> 
 
<script src="https://bootboxjs.com/bootbox.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" /> 
 

 

 
<input type="number" id="Number" />

+1

Codepenが壊れています。また、 'bootbox.alert'モーダルですか?そうであれば、それを却下するためにモーダルに焦点を当てる必要があるため、これがおそらく機能する可能性はありません。 –

+0

ペンが動かない。転記する前にこれらのことを確認してください。みんなの時間を無駄にするだけです。これは正しいと確信しています - >> ''shown.bs.modal'' - 私にはブートストラップのように見えますが、どのブートボックスが正しいかも知れません。 –

+0

@RoryMcCrossan私のコードペインのリンクをクリックすると正しく、しかし、私はスニペットを追加しましたが、私はCSSスタイルシートを正しく動作させることができません。 – User1899289003

答えて

1

使用本。

+0

ありがとう!これは私の問題を解決します。 – User1899289003

関連する問題