Zmienna Zakres: this.remove nie jest funkcją

Question

this.remove() nie jest funkcją. Dlaczego?

var vehicle = function() { 
    return { 
     init: function() { 
      jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
       e.preventDefault(); 
       this.remove(); 
      }); 
     }, 
     remove: function() { 
      alert('test'); 
     } 
    } 
}(); 

jQuery().ready(vehicle.init); 

Przepraszamy za zamieszanie. Próbuję wywołać moją własną funkcję "usuń". Jest to po prostu klasa do zarządzania pojazdami na mojej stronie. To jest początek tego i będzie miał dużo więcej funkcji niż tylko init/remove.

Answer 1

Ponieważ powiedziałeś próbujemy nazwać swoją remove funkcji, oto jak to zrobić:

var vehicle = (function() { 
    return { 
     init: function() { 
      var that = this; // step one 
      jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
       e.preventDefault(); 
       that.remove(); 
      }); 
     }, 
     remove: function() { 
      alert('test'); 
     } 
    } 
}()); // step zero - wrap the immediate invocation in parens 

jQuery(function() { 
    vehicle.init(); // step two 
); 

Answer 2

this jest elementem DOM. Aby skorzystać z metody jQuery: .remove(), należy zawinąć ją w obiekt jQuery.

$(this).remove(); 

EDIT: Jeśli ufaliśmy wywołać funkcję w obiekcie vehicleremove(), a następnie zadzwonić:

vehicle.remove(); 

---

Ponadto, jeśli ufaliśmy skrócić rozmowę .ready(), możesz to zrobić:

jQuery(vehicle.init); 

Od jQuery 1.4 release notes:

Technika jQuery().ready() nadal działa w 1.4, ale została zaniechana. Użyj albo jQuery(document).ready() lub jQuery(function(){}).

Answer 3

var vehicle = function() { 
    return { 
     init: function() { 
      var self = this; 
      jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
       e.preventDefault(); 
       self.remove(); 
      }); 
     }, 
     remove: function() { 
      alert('test'); 
     } 
    } 
}(); 

jQuery().ready(function() { 
    vehicle.init(); 
}); 

Answer 4

Uwaga - wszyscy jesteśmy trochę zdezorientowani, ponieważ nie jest jasne, które „usuń” funkcję, którą chcesz się połączyć.

Problem polega na tym, że przekazujesz odwołanie do funkcji "init", ale gdy się ją nazywa, zmienna "this" będzie odnosiła się do obiektu window, a nie do wartości "vehicle". Czemu? Ponieważ w Javascript wartość "this" zależy tylko od tego, jak wywoływana jest funkcja. Fakt, że dwie funkcje są zdefiniowane w tym samym obiekcie, nie ma z tym absolutnie nic wspólnego.

Spróbuj zrobić to zamiast:

jQuery(function() { 
    vehicle.init(); 
}); 

Po wywołaniu funkcji „init” w ten sposób — poprzez wyraźne odniesienie go jako własność „pojazd” obiekt — następnie Javascript zwiąże „to” do wartość "pojazdu".

edit oh czekać Właśnie zauważyłem, że jesteś również będzie musiał zrewidować swoją funkcję „init”, ponieważ to kod wewnątrz „kliknięcie” handler ma być wywołana przez jQuery w taki sposób, jak związać "to" w tym kontekście z elementem dotkniętym. Jeśli chcesz zachować odniesienie do "pojazdu", możesz to zrobić:

init: function() { 
     var originalThis = this; 
     jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
      e.preventDefault(); 
      originalThis.remove(); 
     }); 
    }, 

Answer 5

Może szukasz czegoś takiego?

var vehicle = new function() { 

    var self = this; 

    this.init = function() { 
    jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
     e.preventDefault(); 
     self.remove(); 
    }); 
    }; 

    this.remove = function() { 
    alert('test'); 
    }; 

}; 

... czy może to być może? Trudno powiedzieć, do czego zmierzasz ...

var vehicle = new function() { 

    function remove() { 
    alert('test'); 
    } 

    this.init = function() { 
    jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
     e.preventDefault(); 
     remove.call(this); 
    }); 
    }; 

}; 

Answer 6

Podczas wywoływania funkcji jako metoda „to” odnosi się do obiektu, który jest powołując się na to. W jQuery funkcja przekazana jest wywoływana jako metoda elementu html, więc "to" staje się elementem.

Aby upewnić się, że odwołujesz się do właściwego obiektu, musisz utworzyć odniesienie do oryginalnego obiektu.

var vehicle = function() { 
     var that = { 
     init: function() { 
      jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
       e.preventDefault(); 
       that.remove(); 
      }); 
     }, 
     remove: function() { 
      alert('test'); 
     } 
    } 
    return that; 
    }(); 

jQuery().ready(vehicle.init);