未捕获的ReferenceError：未在onclick上定义

Question

在onclick上，我遇到了Uncaught ReferenceError: akkiTooltip is not defined 。
检查我使用的代码：

$(document).ready(function () {
    function akkiTooltip() {
        function applyTooltip(element, word) {
            var tooltipText = $('' + element + ' label').data('tooltip');
            var newContent = $('' + element + ' label').html().replace(word, '<span data-tooltip="' + tooltipText + '">' + word + '</span>');
            $('' + element + ' label').removeAttr('data-tooltip');
            return $('' + element + ' label').html(newContent);
        }
        applyTooltip('#question_307', 'Some text');
    }
});

这来自另一个我在其中应用onclick的js文件：

$(button)
    .text(this.answers[a].title)
    .attr('type', 'button')
    .attr('class', 'btn')
    .attr('onclick', 'quiz._makeSelection(\'answer_' + this.answers[a].id + '\', ' + go + ', ' + this.answers[a].skipToSection + '); akkiTooltip();');

---

将akkiTooltip函数移至$(document).ready函数之外后，出现此错误

Uncaught TypeError: Cannot read property 'replace' of undefined

Answer 1

移动的定义akkitooltip功能之外document.ready功能。 从那里不能访问它。

Answer 2

Cannot read property 'replace' of undefined

查看您在哪里使用.replace

$('' + element + ' label').html().replace(word, '...');

因此， $('' + element + ' label').html()不是您期望的，即$('' + element + ' label')没有找到元素，因此.html()没有返回字符串

检查选择器#question_307 label描述的元素#question_307 label存在

---

当我尝试重现此错误时，我实际上得到了null而不是undefined因此它可能与您的代码不同

Answer 3

也许您应该检查您是否设置正确：

1.在html和jsp网页中：

<script src=""></script>

2.在xhtml网页中：

<script src="" />

3.如果您的js代码（功能代码）与html位于同一网页中，则可以使用：

<script> {your js code} </script>

默认脚本类型为“ test / javascript”