JQuery не работает в VS, но его работы в jsfiddle.net

Question

здесь является JQuery

$('#pl').find('img').each(function(i, elem) { 
    var $this = $(this), 
    ratio = $this.width()/$this.height(); 

    $this.addClass((ratio < 1) ? 'portrait' : 'landscape'); 
}); 

HTML:

<div id="pl"> 
<img src="#" width="60" height="30" /> 
<img src="#" width="30" height="60" /> 
<img src="#" width="40" height="80" /> 
<img src="#" width="90" height="50" /> 
<img src="#" width="60" height="30" /> 
<img src="#" width="40" height="80" /> 
</div> 

и вот пример jsfiddle.net >>>SAMPLE

Answer 1

Включить JQuery в головку

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
$(window).load(function() { 
    $('#pl').find('img').each(function (i, elem) { 
     var $this = $(this), 
      ratio = $this.width()/$this.height(); 

     $this.addClass((ratio < 1) ? 'portrait' : 'landscape'); 
    }); 
});</script> 

Answer 2

Я думаю, вы пропустили документ готовую функцию

Добавить тег сценария в головной части HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

и ваш скрипт будет внутри документа готовой функции

$(function() { 

$('#pl').find('img').each(function(i, elem) { 
    var $this = $(this), 
    ratio = $this.width()/$this.height(); 

    $this.addClass((ratio < 1) ? 'portrait' : 'landscape'); 
}); 

});