如何在Jquery UI小部件中实现inheritance

我试图从基本小部件inheritance一个方法到另一个小部件。 这是我的示例代码

我的基本小部件是

$(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'}) 

我们如何将myVidget中的testVal选项传递给baseWidget调用？ 我得到一些错误的错误

未捕获的TypeError：我不是构造函数

未捕获的TypeError：$（…）。MyWidget不是一个函数

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

Answer 1

似乎工作正常：我只进行了一次更正：更改了alert(this.option.testVal);选项选项alert(this.option.testVal); 并弹出“测试小部件”的警报。 您还可以尝试创建小部件jquery onReady并查看是否可以解决问题，即：

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

请访问https://jsfiddle.net/5gmn6x7k/4/查看我的代码