html、css、javascriptをマージしても結果が同じではない

Question

このコードに従って棒グラフを作成するには - http://codepen.io/CreativePunch/pen/AekEC html、css、jsコードを1つのhtmlファイルにマージします。しかし、私の結果は同じではありません。ここに私のコード - https://codepen.io/alimur/pen/MpdZYmがあります。私はここで、問題がjsの機能のために作成していると思うportion-

問題である

<script type="text/javascript"> 
$(function() { 
$("#bars li .bar").each(function(key, bar) { 
var percentage = $(this).data('percentage'); 

$(this).animate({ 
    'height' : percentage + '%' 
}, 1000); 
}); 
}); 

JS？

Answer 1

さて、あなたのCodepenをチェックしました。あなたはjQueryを使っていますが、あなたはそれを必要としませんでした。 codepenで、 'JS'の横にある設定アイコンをクリックします。次に、 'Add External JavaScript'の下に次のURLを追加します：//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js

jQueryを使用する前にロードする必要があります。あなたのHTMLでは、あなたはこのようにそれを読み込むことができます：

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

例：