Jquery не работает должным образом .ready элементов в частичной

Question

Вот моя функция:

$().ready(function() { 
    console.log('DOM is ready'); 
    var songtoload = $(".soundcloudid").first().html(); 
    console.log(songtoload) 
    if (songtoload == undefined) { 
     console.log('Hide the widget'); 
     $("#sc-widget").hide(); 
    } 
    if (songtoload !== undefined) { 
     console.log('Show the widget'); 
     $("#sc-widget").show(); 
    } 
    }); 

По какой-то причине, songtoload продолжает идти вверх, как «неопределенные», даже когда я получаю следующий ответ в консоли Chrome:

$(".soundcloudid").first().html(); 
"31204641" 

Я неправильно использую .ready?

EDIT Целью этого является только показать SC игрок виджет, если песня присутствует в списке воспроизведения частичного

Answer 1

Поскольку songcloudid объекты загружаются динамически ... проверки для переключения виджет должен быть перемещены в функцию, которая динамически загружает эти объекты .:

function refreshPlaylist() { 
    // ... some code to refresh it 
    $.ajax({ 
     // your ajax call to refresh it 
     success: function (data) { 
      // ... load your data first and put it on the page 
      var $songToLoad = $('.soundcloudid:first'); 
      if ($songToLoad.length == 1) { 
       console.log($songToLoad.html()) 
       console.log('Show the widget'); 
       $("#sc-widget").show(); 
      } 
      else { 
       console.log('Hide the widget'); 
       $("#sc-widget").hide(); 
      } 
     } 
    }); 

} 

Answer 2

$().ready будет ждать, пока результат $() не готов. $() - пустой набор. То, что я верю, что вы хотите, будет либо $(document).ready(function() {...}) или его ярлык: $(function() {...})