如何在javascript代码中找到问题

Question

昨天，我正在玩我的 JavaScript，突然我的代码中有奇怪的错误，我无法解决。

我的网站加载了一个 svg 元素：

<div id="content">

<svg id="drawing"

     title="Layouteditor"

     viewBox="0 0 600 500"

     xmlns="http://www.w3.org/2000/svg"

     version="2.0"

     preserveAspectRatio="xMidYMid meet"

     onload="makeDraggable(evt)">

</svg>

</div>

使用 some console-loggign，我可以看到，它makeDraggable运行一次。在document加载 ( document.ready) 之后，我立即收到以下消息：

0: 'makeDraggable' 未定义

我绝对知道这个功能以前没有任何问题。我试图清空所有内容，因此只有文档 Ready 有这一行：

console.log("documentReady"); 

并且也makeDraggable有一行

console.log("makeDraggable");

这是输出：

makeDraggable 8 (780,9) documentReady 8 (709,9) 0: 'makeDraggable' 未定义

当然，我的站点中还有许多其他功能，但是我如何才能找出第二个调用的来源以及为什么会出错？

Answer 1

好吧，我找到了我的错。我在我的 MVC 站点中添加了一个样式表的链接。在这个样式表中，我有一个错误，我没有看到，因为样式按预期工作。似乎 SVG 在样式方面存在一些问题。我试图为文本设置样式.CDC400 {font: 10px sans-serif;fill: black;stroke-width: 0;}此类附加到 SVG 文本。如果我尝试填充：红色；一切正常，黑色不行？？？十六进制值也不起作用。跆拳道？...更新，HEX 值在网站第二次刷新后起作用...