Uncaught ReferenceError: is not defined onclick

Question

On onclick I am getting Uncaught ReferenceError: akkiTooltip is not defined.
Check the code that I am using:

$(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');
    }
});

This is from another js file where I am applying onclick:

$(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();');

After moving akkiTooltip function outside $(document).ready function, I am getting this error

Uncaught TypeError: Cannot read property 'replace' of undefined

Akshey Bhat · Accepted Answer · 2016-05-01 08:42:58Z

3

Move definition of akkitooltip function outside document.ready function. It is not accessible from there.

answered May 1, 2016 at 8:42

Akshey Bhat

8,6772 gold badges23 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Jason Over a year ago

Just did it, now got this error Uncaught TypeError: Cannot read property 'replace' of undefined

Akshey Bhat Over a year ago

Also you are passing the same values to applytooltip function. If there is no element on page with id as 'question_307' you will get an error.

Jason Over a year ago

Nope, there is a element with id question_307.

Akshey Bhat Over a year ago

Is there a label inside it?

Jason Over a year ago

Yes there is a label inside.

Paul S. · Accepted Answer · 2016-05-01 09:23:36Z

0

Cannot read property 'replace' of undefined

See where you are using .replace

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

So, $('' + element + ' label').html() is not what you expect, i.e. $('' + element + ' label') found no elements so .html() did not return a String

Check an element described by the selector #question_307 label exists

When I tried reproducing this error I actually got null instead of undefined so it might be a different piece of your code

answered May 1, 2016 at 9:23

Paul S.

66.6k9 gold badges129 silver badges143 bronze badges

1 Comment

Jason Over a year ago

No, I am getting undefined, I just checked tooltipText on console, I got undefined.

Huangzhenllll · Accepted Answer · 2017-04-27 05:34:24Z

0

maybe you should check if you set right:

1.In html and jsp webpage:

<script src=""></script>

2.In xhtml webpage:

<script src="" />

3.and if your js code(function code) is in the same webpage with the html, you can just use:

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

the default script type is "test/javascript"

answered Apr 27, 2017 at 5:34

Huangzhenllll

1

Collectives™ on Stack Overflow

Uncaught ReferenceError: is not defined onclick

3 Answers 3

5 Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

1 Comment

Comments

Related