【问题标题】:Add JQuery Plugin to typescript [duplicate]将JQuery插件添加到打字稿[重复]
【发布时间】:2012-10-14 07:18:04
【问题描述】:

可能重复:
Using jQuery plugin in TypeScript

所以我正在用打字稿制作一个 webApp, 我已经用 JavaScript 制作了 webapp 现在我想用打字稿来做,

在这个 web 应用程序中,我需要一些 jQuery 库,例如标准 jQuery 和 jQuerySVG, jQuery.d.ts 很容易找到,我可以将它引用到打字稿, 问题是 jQuerySVG,我找不到 jquery.svg.js 的打字稿版本(如 jQuery.svg.d.ts)

那么我该如何解决呢?

如果我只是在我的 html 文件的脚本标签中引用 jQuery.svg.js,打字稿会起作用吗?

【问题讨论】:

    标签: javascript jquery html typescript


    【解决方案1】:

    您需要自己生成此文件。通过编写 d.ts 文件来记录您在代码中使用的函数相当简单。
    更新: 查看 svg 文档,您正在寻找使用 JQuery 选择器的 jquery.svg.d.ts 文件:

    // from documentation on svg:
    //$(selector).svg(loadURL) 
    //$(selector).svg(onLoad) 
    //$(selector).svg('get') // Retrieve SVG wrapper 
    //$(selector).svg('destroy') // Remove SVG functionality 
    
    // this is what you need to put in your jquery.svg.d.ts
    interface JQuery {
        svg(loadUrl: string): JQuery;
        svg(x: Function): JQuery;
    }
    

    然后你就可以写出这样的语句了:

    $('selector').svg('testLoadUrl');
    
    $('selector').svg(() => {
        // function call
    });
    
    $('selector').svg('get');  
    

    【讨论】:

    • 我怎样才能准确地生成 d.ts 文件(用于 JQuery.svg 库)?
    • 手动或搜索一个。没有工具可以从纯 js 为您生成它
    猜你喜欢
    • 2012-10-04
    • 2018-11-01
    • 2017-11-14
    • 2018-05-25
    • 2015-11-25
    • 1970-01-01
    • 1970-01-01
    • 2022-11-11
    • 2017-04-11
    相关资源
    最近更新 更多