WheelNav 不适用于 CodePen，但在代码片段中

Question

以下代码在以下代码片段中运行。它确实切断了下半部分。但它 在 CodePen.io 或我的私人服务器上 根本不起作用。它在 CodePen 上产生 1000 多个错误。为什么会这样？我很困惑我错过了什么。

wheel = new wheelnav('wheelDiv');
wheel.clockwise = false;
wheel.createWheel(['title-0', 'title-1', 'title-2', 'title-3', 'title-4']);

<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/wheelnav/1.7.0/wheelnav.min.js"></script>


<div id="wheelDiv"></div>

我在我的家庭服务器上运行是什么：

<!DOCTYPE html>
<html>
<head>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js">
  </script>
  <script src="https://cdn.jsdelivr.net/wheelnav/1.7.0/wheelnav.min.js" type="text/javascript">
  </script>
  <title></title>
</head>
<body>
  <div id="wheelDiv"></div>
  <script>
  wheel = new wheelnav('wheelDiv');
  wheel.clockwise = false;
  wheel.createWheel(['title-0', 'title-1', 'title-2', 'title-3', 'title-4']);
  </script>
</body>
</html>

Answer 1

wheelnav.js 库当前使用修改后的 raphael.js。您当前的问题已解决 here.

您可以从此处使用修改后的 raphael.js：https://cdn.jsdelivr.net/npm/wheelnav@1.7.1/js/dist/raphael.min.js

这是我在 CodePen 上的工作模板：https://codepen.io/softwaretailoring/pen/OWYBjy

<script src="https://cdn.jsdelivr.net/npm/wheelnav@1.7.1/js/dist/raphael.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/wheelnav@1.7.1/js/dist/wheelnav.min.js"></script>

WheelNav 不适用于 CodePen，但在代码片段中

WheelNav not working on CodePen but is in Code Snippet

javascript

css

raphael

wheelnav.js