2017-08-25 28 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更新的小提琴。