javascript - 如何在 Jquery UI 小部件中实现继承

Question

我正在尝试将一个方法从基本小部件继承到另一个小部件。这是我的示例代码

我的基本部件是

$(function () {
    $.widget("UI.baseWidget", {
        options: {
            testVal:''
        },
        _create: function () {
            alert(this.option.testVal);
        },

    });
});

和其他调用此基本小部件的小部件是

$(function () {
    $.widget("UI.MyWidget", $.UI.baseWidget, {
        options: {
          testVal:''
        },
        _create: function () {
            $.UI.baseWidget.prototype._create.call(this);
        }

    });
});

并初始化 MyWidgetcode 是'

$('#mydiv').MyWidget({testVal:'test widget'})

我们如何将 testVal 选项从 MyWidget 传递给 baseWidget 调用？我得到了类似

的错误

未捕获的类型错误:我不是构造函数

未捕获的类型错误:$(...).MyWidget 不是函数

请帮我解决这个问题。提前致谢

Answer 1

似乎工作正常:我只做了一个更正:在 alert(this.option.testVal); 中将选项更改为 options 并且带有“测试小部件”的警报弹出正常。您还可以尝试创建小部件 jquery onReady 并查看是否可以解决问题，即:

$(function () {
    $('#myDiv').MyWidget({testVal:'test widget'});
});

在 https://jsfiddle.net/5gmn6x7k/4/ 查看我的代码