2017-05-16 94 views
0

我有這個小問題...我試圖清除輸入,然後我想集中它,問題是我想要在顯示bootbox警報消息後執行此操作,這樣做我的代碼只清除我的輸入文本,但不關注它,我該怎麼做?這是一個Example Code清除輸入值,然後重點

我試圖解決這個問題這樣做:

var msj = bootbox.alert("Error message."); 
$('#Barcode').val(''); 
msj.on('shown.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

您的代碼簿已損壞。此外,'bootbox.alert'模式?如果是這樣,這是不可能的,因爲需要重點關注該模式。 –

+0

你的筆不起作用。張貼之前請檢查這些東西。它浪費了每個人的時間。你確定這是正確的 - >>''shown.bs.modal'' - 看起來很像引導給我,但我不知道什麼bootbox是這樣可能是正確的 –

+0

@RoryMcCrossan如果我點擊我的codepen鏈接工程正確,但是我添加了一個片段,但我無法讓我的CSS樣式表正常工作。 – User1899289003

回答

1

使用此:

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

使用這個你要進行模態隱藏/關閉後集中投入。

+0

謝謝!這解決了我的問題。 – User1899289003