我在 TypeScript 上重写了一些 JS 代码,遇到了模块导入问题。例如,我想编写我的toggleVisiblity
函数。这是代码:
/// <reference path="../../typings/jquery/jquery.d.ts" />
import * as $ from "jquery";
interface JQuery {
toggleVisibility(): JQuery;
}
$.fn.extend({
toggleVisibility: function () {
return this.each(function () {
const $this = $(this);
const visibility = $this.css('visibility') === 'hidden' ? 'visible' : 'hidden';
$this.css('visibility', visibility);
});
}
});
const jQuery = $('foo');
const value = jQuery.val();
jQuery.toggleVisibility();
但问题是由于未知原因toggleVisibility
没有添加到JQuery
接口中,因此我得到一个错误Property 'toggleVisibility' does not exist on type 'JQuery'.
,尽管它看到了其他方法(val
等等each
)。
为什么它不起作用?