Функция JQuery не определена

Question

Функция JQuery не определена

0

this.slideUpComm = function (){
    $("#Day-events-content p").addClass("hidden").slideUp("fast");
} 
this.showhideEvents = function() {
    $("#Day-events-content").on("click", ".eventsToggle", function() {
        var obj = $(this).next();
        if ($(obj).hasClass("hidden")) {
            slideUpComm();
            $(obj).removeClass("hidden").slideDown();
        } else {
            $(obj).addClass("hidden").slideUp();
        }
    });
}

Я хотел бы использовать функцию slideUpComm как функцию, которую я включаю в разные события, но консоль возвращает Uncaught ReferenceError: slideUpComm не определен. Как я должен передавать функцию для работы? Должен ли я использовать обратный вызов?

function dateObj() {
this.d = new Date();
this.day = this.d.getDate();
this.numDay = this.d.getDay();
this.month = parseInt(this.d.getMonth());
this.year = this.d.getFullYear();

this.slideUpComm = function (){

} 
this.showhideEvents = function() {

});
}
}

Мой объект выглядит выше.

Dalli 16 дек. 2013, в 11:00

Источник

5

Что this , и как вы вызываете функцию?
Rory McCrossan 16 дек. 2013, в 09:24

Теги:

javascript

jquery

callback

closures

3 ответа

1

slideUpComm - это функция dateObj, вы не можете напрямую вызывать функцию. Поэтому для вызова функции вам необходимо создать экземпляр функции/объекта

var a = new dataObj();

то вы можете вызвать функцию, используя

a.slideUpComm()

Raunak Kathuria 16 дек. 2013, в 07:24

0

@ arun-p-johny ответ правильный, мой ответ был актуален, когда вызов функции не был добавлен к вопросу
Raunak Kathuria 16 дек. 2013, в 09:55

0

Может ли это не сводиться к:

$("<object>").slideToggle();

?

DarrylGodden 16 дек. 2013, в 06:40

0

Я думаю, что это будет короче и чисто.
Dalli 16 дек. 2013, в 09:43

Ещё вопросы

Что this , и как вы вызываете функцию?
@ arun-p-johny ответ правильный, мой ответ был актуален, когда вызов функции не был добавлен к вопросу
Я думаю, что это будет короче и чисто.

Arun P Johny · Accepted Answer · 2013-12-16T08-03-00.000Z

Проблема заключается в том, что slideUpComm является членом объекта... поэтому вам нужно использовать ссылку на объект для вызова метода

//create a closure varaible to hold the reference to the instance
var self = this;
this.slideUpComm = function (){
    $("#Day-events-content p").addClass("hidden").slideUp("fast");
} 
this.showhideEvents = function() {
    $("#Day-events-content").on("click", ".eventsToggle", function() {
        var obj = $(this).next();
        if ($(obj).hasClass("hidden")) {
            //slideUpComm is a instance property so access it using the instance
            self.slideUpComm();
            $(obj).removeClass("hidden").slideDown();
        } else {
            $(obj).addClass("hidden").slideUp();
        }
    });
}

Спасибо за вашу помощь. Я хотел бы спросить, подходит ли этот способ для создания obj в JS? Я имею в виду лучшую практику.