代码在JSFiddle和Codepen中工作，但在浏览器中没有，我哪里出错了？

下面的代码运行有什么问题？

它在JSFiddle和Codepen中运行，所以我不明白它为什么不能在浏览器中作为网页工作。

我看到有关jQuery和SVG之间不兼容的事情，但是为什么它在JSFiddle和CodePen中工作，如果是这样的话。 他们不是像运行普通网页一样运行代码吗？

的jsfiddle
CodePen

               
    
 
 Check Value  $ var numArray = []; $("#blackC").on("click", function () { if ($.inArray("7", numArray) == -1) { numArray.push("7"); } }); $("#blueC").on("click", function () { if ($.inArray("1", numArray) == -1) { numArray.push("1"); } }); $("#greenC").on("click", function () { if ($.inArray("2", numArray) == -1) { numArray.push("2"); } }); $("#greyC").on("click", function () { if ($.inArray("0", numArray) == -1) { numArray.push("0"); } }); $("#purpleC").on("click", function () { if ($.inArray("5", numArray) == -1) { numArray.push("5"); } }); $("#orangeC").on("click", function () { if ($.inArray("6", numArray) == -1) { numArray.push("6"); } }); $("#redC").on("click", function () { if ($.inArray("3", numArray) == -1) { numArray.push("3"); } }); $("#yellowC").on("click", function () { if ($.inArray("4", numArray) == -1) { numArray.push("4"); } }); $("#arrayCheck").on("click", function () { alert(numArray); $("#selection").val(numArray); });    

Answer 1

当你在本地打开它时，它无法在你的浏览器中工作，因为它试图找到jQuery的路径：

所以将include更改为：

路径：

 //ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js 

是来自服务器的相对路径，它自动补偿http vs https ，但是当在本地运行时，浏览器会放置一个file:在开头会失败。