jquery是/否對話框問題

Question

正在開發Web應用程序，當我嘗試驗證並提交表單時，它的工作正常。

   var res = confirm ("Are u want to continue?") 
       if (res) 
       { 
        var stra_validator = $("#form").validate(form_rule); 
        stra_validator.reset(); 
        return stra_validator.form(); 

       }else{ 
        $('#someID').focus(); 
        return false; 
       } 

但是當我嘗試使用jQuery的對話框，我用這樣的

     var btns = {}; 
         btns['Yes'] = function(){ 
          $(this).dialog("close"); 

          var stra_validator = $("#form").validate(form_rule); 
        stra_validator.reset(); 
        return stra_validator.form();// continue the process 
         }; 
         btns['No'] = function(){ 
          $(this).dialog("close"); 
            $('#someID').focus(); 
        return false; 
         }; 
         $("<div></div>").dialog({ 
         autoOpen: true, 
         title: 'Condition', 
         modal:true, 
         buttons:btns 
         }); 

其沒有得到進入下一個步驟我的意思是沒有提交。但是如果我點擊沒有它是重點。我在這裏做錯了什麼？請幫我任何一個？提前致謝。

Answer 1

我認爲$（this）.dialog（）在按鈕上下文中是錯誤的。

試試這個：

var btns = {}; 
btns['Yes'] = function() { 

    // Here you have to reference the real dialog 
    $('#dialog').dialog("close"); 
    alert('come here'); 
    var stra_validator = $("#form").validate(form_rule); 
    stra_validator.reset(); 

    return stra_validator.form(); 
    // continue the process 
}; 
btns['No'] = function() { 
    $('#dialog').dialog("close"); 
    $('#someID').focus(); 

    return false; 
}; 

// Never created a div on the fly but it's working well and I just added an ID 
$('<div id="dialog"></div>').dialog({ 
autoOpen : true, 
title : 'Condition', 
modal : true, 
buttons : btns 
});