javascript - 在 typescript 中包含 jQuery ui 无法继续

Question

• 我正在尝试学习 typescript 。
• 我有一个使用 jquery 运行的用户界面。
• 我正在尝试将其移动到 typescript 中。
• 但我没有成功。我正在尝试移动此方法中的所有内容 WholeUI()
• 我收到错误。
• 你能告诉我如何修复它吗？

工作 fiddle 。 http://jsfiddle.net/46aqscwv/

破坏 fiddle http://jsfiddle.net/Ls1aqLv1/

错误

Uncaught SyntaxError: Unexpected token (
    at new Function (<anonymous>)
    at exec (typescript.js:41)
    at HTMLDocument.runScripts (typescript.js:41)

代码

function WholeUI() {
        $(document).ready(function() {

            $('ul.tabs li').click(function() {
                var tab_id = $(this).attr('data-tab');

                $('ul.tabs li').removeClass('current');
                $('.tab-content').removeClass('current');

                $(this).addClass('current');
                $("#" + tab_id).addClass('current');
            })

Answer 1

似乎由于某种原因 JSFiddle 无法将您的 Typescript 代码转换为有效的 Javascript 代码。特别是您的代码的这一部分(在 typescript 中):

users.map(u => ({ FileName: u.login }))

被转译成这样(语法错误的javascript):

users.map(function (u) ({ FileName: u.login }))

修改箭头函数可以消除错误(typescript 和 javascript):

users.map(function (u)  { return ({ FileName: u.login }) })

另一个问题是您没有调用 WholeUI 函数。您可以看到一个工作示例 here .