jquery - Javascript自定义函数错误

Question

function classChanger(path,changeClass,duration){
    $(path).removeClass(changeClass);
    $(this).addClass(changeClass);
)};

$('.flightDetails .option').classChanger('.flightDetails .option','selected',300);

我正在尝试创建可重用的函数。控制台日志:TypeError: $(".flightDetails .option").classChanger is not a function

感谢您的帮助和时间 :)

Answer 1

您必须在 jQuery 原型(prototype)上声明您的 classChanger:

$.fn.classChanger = function(path, changeClass, duration) {
    $(path).removeClass(changeClass);
    return this.addClass(changeClass);
};

有关详细信息，请阅读 jQuery Plugin Authoring Guide .

---

更新:正如评论中所指出的，如果您希望path 和选择器始终相同，您应该放弃path完全，并在整个过程中使用 this。

由于您没有具体说明您要做什么，我假设您要删除该类，然后等待指定的 duration，然后重新添加类(class)。如果是这样，这里有一些示例代码:

$.fn.classChanger = function(changeClass, duration) {
    var $this = this;

    setTimeout(function() {
        $this.addClass(changeClass);
    }, duration);

    return this.removeClass(changeClass);
};

$('.flightDetails .option').classChanger('selected', 300);

这是 fiddle :http://jsfiddle.net/ur7SN/