将回调变量传递给回调方法

Question

这个问题与jQueryUI的对话框没有多大关系，还有更多关于JavaScript的问题。

我将一些变量传递给ayb.dialogError()，并用它们来创建一个对话框。然后我传递不同的值，但第一个仍然使用。

下面的脚本被压缩以突出显示问题，完整的脚本位于https://jsbin.com/muhijodima。

在open回调中，如何访问传递给ayb.dialogError()的变量？

$(function(){ 

    ayb={}; 
    ayb.dialogErrorElem=undefined; 

    ayb.dialogError=function(t,e) { 
     if (typeof ayb.dialogErrorElem === 'undefined') { 
      ayb.dialogErrorElem=$('<div/>').appendTo('body').dialog({ 
       open: function(event, ui){ 
        console.log('dialog.open',t,e); 
        //t=function(){return t;} 
        //e=function(){return e;} 
       }, 
      }); 
      console.log(ayb.dialogErrorElem); 
     }; 
     ayb.dialogErrorElem.dialog('open'); 
    } 

    $('#e1').click(function(){ayb.dialogError('Title1',['error1-1','error1-2'])}); 
    $('#e2').click(function(){ayb.dialogError('Title2','error2-1')}); 

}); 

Answer 1

我希望这是不是这样做的，但传递的参数是最好的方式可用于回调的open。

下面简明的脚本突出概念，并在https://jsbin.com/segoxewape/edit?html,output完整的脚本。

如果有更好的方法使回调中可用的参数（我确信有这些参数），请评论。

ayb.dialogError=function(t,e) { 
    getEm=function(){return {e:e,t:t};} 
    var v={e:e,t:t}; //Won't work 
    if (typeof this.dialog === 'undefined') { 
     this.dialog=$('<div/>', {}) 
     .dialog({ 
      open: function(event, ui){ 
       console.log('Wrong values in dialog.open!',t,e,v.t,v.e); 
       var o=getEm(); 
       console.log('Right values!',o); 
      } 
     }); 
    }; 
    this.dialog.dialog('open'); 
} 

Answer 2

在if (typeof ayb.dialogErrorElem === 'undefined') {

ayb.dialogErrorElem不undefined在twobutton

jsbin的点击https://jsbin.com/rugarizedo/edit?html,output