在jQuery對話框上單擊確定後使用jquery對話框輸入

Question

我想在jQuery對話框確定按鈕被按下時使用jQuery對話框輸入框中使用用戶輸入。

現在的問題是代碼後jquery的對話框中也得到withought等待jQuery的輸入域執行由用戶

<p id="text"> click me </p> 
<div id="test" class="sandy" > 
    <input id="username" class="sandy1" /> 
</div>​ 

$('#text').click(function(){ 
    $('.sandy').dialog({ 
    buttons: { 
    "OK": function() { 
    $(this).dialog('close'); 
    }} 
    }); 
    var myvalue= $("#test").val(); 
    alert(myvalue); 
}) 

填寫你可以在此link檢查演示：http://jsfiddle.net/zCFD5/86/

請建議我用一些方法來保持jquery對話框，直到用戶按下ok按鈕，然後繼續後面的代碼。

Answer 1

試試這個JS：

$('#text').click(function(){ 
    $('.sandy').dialog({ 
     buttons: { 
      "OK": function() { 
       if($('#username').val() == '') { 
        $('#username').focus(); 
       } else { 
        var myvalue= $("#username").val(); 
        $(this).dialog('close'); 
        alert(myvalue); 
       } 
      } 
     } 
    }); 
}); 

編輯：我也更新在的jsfiddle的代碼，它工作正常:-) http://jsfiddle.net/zCFD5/96/