将此javascript代码重写为typescript

时间:2018-02-01 05:39:55

标签: typescript

$(document).ready(function() {

    // Initialize the plugin
    $('#my_popup').popup({
        color: '#09344c',
        opacity: 1,
        transition: '0.3s',
        scrolllock: true
    });

    // Initialize the plugin
    $('#my_info_popup').popup({
        color: '#09344c',
        opacity: 1,
        transition: '0.3s',
        scrolllock: true
    });

});

对不起,我是打字稿的新手,我现在只需要这个,所以我想我会问。此代码用于激活弹出窗口。基本上获取div的id并调用接受这些params的弹出函数。

编辑:NVM我觉得打字稿错误并不意味着什么,我只是运行编译,它只是吐出javascript。

1 个答案:

答案 0 :(得分:1)

  

我认为打字稿错误并不意味着什么,我只是运行编译,它只是吐出javascript。

TypeScript检测到的错误通常表示存在潜在问题,但在您的情况下,您可能只是缺少外部库的类型信息。编译器有一个标志,允许您在出现错误时决定是否要发出JavaScript。

--noEmitOnError

在使用jQuery时,可以使用jQuery类型定义来改进自动完成和编译信息。通常,这些是使用pckage.json文件进行管理并从NPM加载的。您将在@types组织下找到所有类型定义。这是jQuery type definition

您可以在Definitely Typed Types Search page上找到更多这些内容。

如果您不想在第三方库周围进行自动完成,类型检查和其他有用的工具,您可以简单地使其完全动态化。 TypeScript允许您将动态类型保留在您想要的位置:

declare var $: any;

在某些情况下,外部代码与您的应用程序相切并且使用不当,这很好。在您的情况下,您的代码非常依赖于jQuery,最可能的错误将出现在对jQuery API的调用中 - 因此类型定义将非常有用。

相关问题