2017-05-16 14 views
0

Ich habe dieses kleine Problem ... Ich versuche, eine Eingabe zu löschen und danach mag ich darauf konzentrieren, das Problem ist, dass ich dies tun will, nachdem eine Bootbox Warnmeldung anzeigt, tut dies mein Code nur löschen Sie meine Eingabe Text, aber nicht darauf konzentrieren, wie kann ich das tun? Hier ist ein Example Code.Klare Werteingabe und dann konzentrieren

Ich habe versucht, dies zu tun, dies zu lösen: für mich

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

Der obige Code funktioniert nicht.

Edit: Hier ist mein Code.

$(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

Ihr Codepen ist defekt. Ist auch das 'bootbox.alert'-Modal? Wenn dies der Fall ist, kann dies möglicherweise nicht funktionieren, da der Schwerpunkt auf den Modalitäten für die Ablehnung gelegt werden müsste. –

+0

Ihr Stift funktioniert nicht. Bitte überprüfen Sie diese Dinge vor dem Posten. Es verschwendet einfach jedermanns Zeit. Sind Sie sicher, dass dies richtig ist - >> ' 'shown.bs.modal'' - viel wie Bootstrap sieht für mich, aber ich weiß nicht, was Bootbox ist so –

+0

@RoryMcCrossan richtig sein könnte, wenn ich meine codepen Link klicken Werke richtig, aber ich habe ein Snippet hinzugefügt, aber ich kann nicht mein CSS-Stylesheet richtig funktionieren. – User1899289003

Antwort

1

verwenden:

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

das Verwenden Sie gehen um die Eingabe zu konzentrieren, nachdem die modale geschlossene versteckt /.

+0

Danke! Das löst mein Problem. – User1899289003