的SoundCloud當前曲目信息

Question

關於the following site

很簡單，但沒有少，我似乎在這個第一關在下降。

使用以下代碼目前嘗試和從當前有效的SoundCloud播放器獲得軌道名稱和藝術家（其中有4，與類SCiframe）

$(function() { 
    var $iframeElement = document.getElementsByClassName('SCiframe'); 
    var $widgets = SC.Widget(iframeElement); 
    widgets.bind(SC.Widget.Events.READY, function() { 
     widgets.bind(SC.Widget.Events.PLAY, function() { 
      // get information about currently playing sound 
      widgets.getCurrentSound(function (currentSound) { 
       $('#trackInfo').append('Current Track: ' + currentSound.get('') + ''); 
      }); 
     }); 
    }); 
}); 

爲一體，控制檯註冊'iframeElement沒有定義'作爲初始錯誤。但總而言之，我似乎無法得到任何有用的數據來處理。

我在哪裏錯了？

最真誠的問候社區。

Answer 1

你有變量名稱不正確，他們有 「$」，在開始時，

$(function() { 
    var $iframeElement = document.getElementsByClassName('SCiframe'); 
    var $widgets = SC.Widget($iframeElement); 
    $widgets.bind(SC.Widget.Events.READY, function() { 
     $widgets.bind(SC.Widget.Events.PLAY, function() { 
       // get information about currently playing sound 
       $widgets.getCurrentSound(function (currentSound) { 
       $('#trackInfo').append('Current Track: ' + currentSound.get('') + ''); 
      }); 
     }); 
    }); 
}); 

編輯：

getElementsByClassName方法返回結果的數組。因此，如果只有一個與「SCiframe」類名的iframe，你應該通過$ iframeElement的第一個指數作爲paramater在SC.Widget，試試這個，

$(function() { 
    var $iframeElement = document.getElementsByClassName('SCiframe'); 
    var $widgets = SC.Widget($iframeElement[0]); 
    $widgets.bind(SC.Widget.Events.READY, function() { 
     $widgets.bind(SC.Widget.Events.PLAY, function() { 
      // get information about currently playing sound 
      $widgets.getCurrentSound(function (currentSound) { 
       $('#trackInfo').append('Current Track: ' + currentSound.get('') + ''); 
      }); 
     }); 
    }); 
});