Javascript 在html中引用外部js文件时出现问题_Javascript_Html

Javascript 在html中引用外部js文件时出现问题

javascript html

Javascript 在html中引用外部js文件时出现问题,javascript,html,Javascript,Html,我试图引用html中的外部js文件，如下所示，我是否遗漏了什么？饼图应该出现，但我不明白。 1/5您似乎错过了JavaScript代码片段 1.装货顺序应该改变 <html> <head> <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.js"></script> <script type="text/javascrip

我试图引用html中的外部js文件，如下所示，我是否遗漏了什么？饼图应该出现，但我不明白。

1/5

您似乎错过了JavaScript代码片段 1.装货顺序应该改变

<html>
  <head>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="http://benpickles.github.io/peity/jquery.peity.js"></script>
    <script type="text/javascript">
  $(document).ready(function() {
    $("span.pie").peity("pie");
  });
    </script>
  </head>
  <body>
<div><span class="pie">1/5</span>
<span class="pie">226/360</span>
<span class="pie">0.52/1.561</span>
<span class="pie">1,4</span>
<span class="pie">226,134</span>
<span class="pie">0.52,1.041</span>
<span class="pie">1,2,3,2,2</span></div>
 <body>
</html>


$（文档）.ready（函数（）{
美元（“span.pie”）.peity（“pie”）；
});
1/5
226/360
0.52/1.561
1,4
226,134
0.52,1.041
1,2,3,2,2

您的代码有4个主要问题：

您没有在HTML文档

中调用jQuery，必须在插件之前调用该文档

您调用了两次插件：缩小版和未缩小版（如果可用，请始终请求缩小版，因为它更轻）

您通过

HTTP

请求插件，而不是始终更好的

HTTPS

您没有使用

$（“.pie”）.peity（“pie”）

这里有一个工作片段


1/5
226/360
0.52/1.561
1,4
226,134
0.52,1.041
1,2,3,2,2
$（文档）.ready（函数（）{
美元（“.pie”）.peity（“pie”）；
});

您的代码中有三个更改

您需要包括jQuery

您需要调用

span

上的

peity（）

函数

您不需要同时包含

jquery.peity.js

和

jquery.peity.min.js

。包括其中任何一个就足够了

请参阅下面的代码

$（文档）.ready（函数（）{
美元（“span.pie”）.peity（“pie”）；
});

1/5
除了其他答案外，您的Dojo代码段不起作用，因为您试图通过HTTP从通过HTTPS提供服务的页面加载Peity插件。将告诉您浏览器阻止从HTTPS页面加载
从https://benpickles.github.io/peity/jquery.peity.js
。但是当你发布你的网站时，下载peity.min.js
并把它放在你自己的服务器上
 打开控制台并阅读为您解释的消息。感谢您突出显示我的错误。但是我仍然没有得到结果。你能运行上面的代码片段并得到结果吗？是的。我可以在这里运行代码片段。但是我的dojo还没有工作。他实际上不需要调用span上的peity（）函数，$（“.pie”）。peity（“pie”）
enough@NewBie你能编辑你的问题并粘贴你的全部代码吗？很高兴知道！我将注意到这一点。但我的虔诚现在终于起作用了，这里我不是从Github获得js引用，而是直接从他们的托管站点获得js引用。