2017-08-25 26 views
-1
  • 我是新来的打字稿。
  • 我想包括我的我的标签代码打字稿和运行它,但它没有运行。
  • 你能告诉我如何解决它。
  • 提供我下面的代码

https://jsfiddle.net/z4vo5u5d/400/打字稿内的标签不能在小提琴中工作

function greeter(person : Person) { 
    //return "Hello, " + person.firstname + " " + person.lastname; 

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

}) 
} 
+0

您还没有包括jQuery的 – Phil

+0

@Phil哎包括jQuery的也是我没有得到的选项卡后...这是我更新的小提琴https://jsfiddle.net/z4vo5u5d/397/ –

回答

0

,我们在您的jsfiddle许多错误,是导致其无法正常工作:

  1. 包括jQuery的正确的方式
    正如菲尔在评论中所说,你不包括jQuery。然后,您将其添加到外部资源 ,但这不适合Textscript的正确位置 - 您需要将其包含在Typescript设置中:单击 设置图标并选择 正确的jQuery版本“框架&扩展”(See here

  2. 您应该实现的接口
    声明该Person接口,但是你还没有实现它

  3. 不要把代码中的210代码
    此代码具有您的点击事件处理程序,因此它不会在下面。整个jQuery块应该在函数之外,所以它实际上可以处理你的点击!

  4. 你的迎宾功能应该返回一个值
    您正在使用它的返回值来设置体的innerHTML。因为该函数什么也没有返回,所以你会得到一个“未定义”的错误。取消您的return "Hello..."将取消注释。

  5. 不要更换整个body HTML
    线document.body.innerHTML = greeter(user);与返回值从greeter更换整个身体,包括你的标签。你需要的值。

有可以达到5号,这是好你问的问题的范围之外的一些方法,但我给你几个指针:

获得来自打字稿分开工作第一,以确保它的工作原理,并您了解发生了什么。如果你一步一步地进行调试,而不是一起尝试,最终会出现多个故障点,如下所示,它使调试更容易:-)如果在尝试完成后出现问题,发布新问题与jquery标签

+0

哎更新与jQuery的小提琴...我需要把flick函数放在一个方法里,这样我才能编写测试用例....你能告诉我怎么做吗...这里是我更新的小提琴https://jsfiddle.net/z4vo5u5d/ 400/ –

+0

您需要更新所有5个问题,而不仅仅是第一个! – FluffyKitten

+0

你能告诉我如何在一个方法中的标签功能...我很困惑...我试图单独实现这一部分...你可以在我的小提琴更新它的如此令人困惑:( –

0

我去掉了外部链接jQuery和改变下面一行:

document.body.innerHTML = greeter(user); 

要只是

greeter(user); 

的迎宾功能不返回任何东西,这为什么undefined w如在框中打印。

查看this更新的小提琴。