未定义 JQuery 函数

JQuery function is not defined

本文关键字：函数 JQuery 未定义      更新时间：2023-09-26
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 作为我包含在不同事件中的函数，但控制台返回未捕获的引用错误：未定义 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() {
});
}
}

我的对象如上所示。

问题是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();
        }
    });
}

slideUpComm 是 dateObj 的一个函数，不能直接调用该函数。因此，要调用函数，您需要创建函数/对象的实例 

var a = new dataObj();

然后，您可以使用以下命令调用该函数 

a.slideUpComm()

这不能简化为：

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

？

相关文章：