Javascript回调修改其所属的对象

Question

我正在尝试从另一个具有“照片”列表（图库）的对象执行在对象（照片）中声明的回调，我希望该回调函数能够修改它所属的确切对象。我有这样的事情：

var photo= function(){
 this.Id;
 this.Url;
 this.someCallBack = function(event, ui, object){
  this.Id = object.Id;
  this.Url = object.Url;
 }
}

var gallery = function(){
 this.Name;
 this.PhotoList = new Array();
 this.Draw = function(){
  for(var i =0; i < this.PhotoList.length; i++){
   var self = this;
   $('#'+this.PhotoList[i].Id).droppable({drop:function(event, ui){
    self.PhotoList[i].someCallBack(event, ui, new{Id = 15, Url = 'someUrl.jpg'});
   }
   });
  }
 }
}

事件是 drop （来自 jquery ui droppable），我尝试过但它不起作用，有一个“无法调用未定义的方法'someCallBack'”错误。

目标是在每次回调中修改“库”中列表中的原始对象，以便我可以在完成拖动后获取列表并保存它。

有没有办法实现我之前描述的行为？

我将不胜感激任何帮助。

谢谢

Answer 1

除了 photo 函数中 someCallback 声明无效外，您可以尝试使用 $('#somePhoto').data('the-photo-object', photo)存储您的照片对象，并使用 $('#somePhoto').data('the-photo-object') 从 drop 中的 jQuery 元素检索您的照片对象code> 事件回调会让你省去一些麻烦。

而不是这样

{drop:function(event, ui){
    self.PhotoList[i].someCallBack(event, ui, new{Id = 15, Url = 'someUrl.jpg'});
}}

会更容易混淆：

// creating a new photo object and assigning it to a jquery element
var aPhoto = new photo();
$('#draggable-photo').data('the-photo-object', aPhoto);

// retrieving photo objects from the dom that is being dragged.
{drop:function(event, ui){
   var droppable = $(this);
   var draggable = ui.draggable;
   // assuming draggable is photo, droppable is gallery
   var photo = draggable.data('the-photo-object');
   photo.someCallBack(event, ui, new{Id = 15, Url = 'someUrl.jpg'});
}}

Answer 2

从这个小代码片段来看，我并没有真正遵循代码流程，也没有看到足够的信息来将其放入 jsFiddle 中，所以我只会评论我看到的错误。

我在代码中没有看到任何实际将 someCallback 函数分配给对象的地方。也许您的意思是这段代码：

var photo= function(){
 this.Id;
 this.Url;
 this.someCallBack(event, ui, object){
    this.Id = object.Id
    this.Url = object.Url
 }
}

实际上将函数附加到对象，删除一些无操作语句，将“object”更改为“obj”，这样就不会对“Object”类产生任何混淆，并添加缺失的半-冒号：

var photo = function(){
    this.someCallBack = function(event, ui, obj){
        this.Id = obj.Id;
        this.Url = obj.Url;
    }
 }

在行尾还缺少很多分号，并且不确定为什么在不使用事件和 ui 时将它们传递给 someCallback 函数。