JQuery和html代码不能在本地comp上工作。 （Codepen）

Question

我在codepen.io中编写了这段代码，它可以正常工作。但是，当我导出/下载代码以在我的计算机上本地运行时，它不起作用。它没有显示图像，也没有像它应该的那样改变文本。下载的index.html只显示6，背景图像的div文本。

HTML

<script src="//code.jquery.com/jquery-1.11.3.min.js">
</script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>


<div class="BackI" style="height: 250px; width: 250px;">6,Background Image</div>

JS

$(function() {
var text = $('.BackI').text().toLowerCase();
var str1 = text.split(',');

switch (str1[0]) {
  case '6':
    image = 'http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/matte-grey-square-icons-symbols-shapes/120234-matte-grey-square-icon-symbols-shapes-tile.png';
    break;
  case '99':
    image = 'http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/matte-red-and-white-square-icons-symbols-shapes/124116-matte-red-and-white-square-icon-symbols-shapes-tile.png';
    break;
  default:
    image = '';
}
$('.BackI').css({
  'background-image': 'url(' + image + ')'
}).text(str1[1]);
  });

http://codepen.io/anon/pen/BoGNYr

谢谢。