2017-09-24 63 views
0
  • 我想學打字原稿。
  • 我有一個在jQuery中工作的用戶界面。
  • 我正試圖將它在打字稿中移動。
  • 但我不成功。我試圖移動這個方法裏面的所有東西。()
  • 我得到錯誤。
  • 你不能告訴我如何解決它。

工作提琴。 http://jsfiddle.net/46aqscwv/包括打字稿無法jQuery用戶界面進行

破小提琴 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'); 
      }) 

回答

2

小提琴的不是編輯TypeScrip非常好t代碼,因爲當語法無效時它們不會提供特別有用的錯誤。

而是嘗試使用一個編輯器,如VS Code - 打開此爲.ts文件中的任何這樣的編輯發現許多錯誤,包括未聲明的變量(pai_to_delete)和jQuery的,kendoWindow和Rx缺少類型定義。

+0

嘿,你可以更新我的代碼,如我需要做什麼變化? –

+0

@texirv不是真的,我不知道'pai_to_delete'應該是什麼,或者你爲什麼要嘗試在破損的TypeScript中使用Rx,但是不要在原始中使用它。你還沒有真正提供足夠的有關你想要做什麼的信息,這就是爲什麼你有降薪和投票結束的原因。最後,您需要爲您依賴的庫導入類型,這意味着修復這是整個項目,而不是單個腳本修復。將這個項目放在GitHub上可能會更好,而不是試圖使用代碼片段和JSFiddle。 – Keith

5

似乎出於某種原因JSFiddle無法將您的Typescript代碼轉換爲有效的Javascript代碼。在你的代碼(以打字稿)的特定這一部分:

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

被transpiled到這個(JavaScript和錯誤的語法):

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

修改箭頭功能擺脫了錯誤(打字稿和JavaScript ):

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

另一個問題是你沒有調用WholeUI函數。你可以看到一個工作示例here

+0

嘿,你知道爲什麼我看不到刪除按鈕,當我點擊三個點...是我對於說話的這個div

Delete

+0

@texirv的Z-index不夠大的CSS問題。 –

+0

嘿,你可以在我的小提琴更新? –