php - 在 jquery 对话框上单击确定后使用 jquery 对话框输入

Question

我想在 jquery 对话框输入框中使用用户输入，以便在按下 jquery 对话框确定按钮时使用。

现在的问题是 jquery 对话框之后的代码也被执行而无需等待用户填写 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);
})

您可以在此链接查看演示：http : //jsfiddle.net/zCFD5/86/

请建议我一些方法来保持 jquery 对话框，直到用户按下确定按钮，然后继续执行它之后的代码。

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/