Firebug doesn’t display my javascript? can't find the error

Question

well I want to debug some script with Firebug, (cause I can't see anything in the browser window) but when I click the script tab in Firefox it gives me the error message:

If tags have a "type" attribute, it should equal "text/javascript" or "application/javascript". Also scripts must be parsable (syntactically correct).

What am I doing wrong?

Here's my code:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>



<script src="jquery-1.7.1.js"></script>
<script type="text/javascript">
$(function() {
/* fix: “close” the value of i inside createFunction, so it won't change */
        var createFunction = function(i) {
            return function() { alert(i); };
        };

        for (var i=0; i<5; i++) {
            $('p').appendTo('body').on("click", createFunction(i));
}

})();
</script>
</body>
</html>

When I run that in my Firefox I get a Firebug error $(function () {var createFunction = function (i) {return function () {alert(i);};};for (var i = 0; i < 5; i++) {$("p").appendTo("body").on("click", createFunction(i));}}) is not a function — acme
– acme, Commented Jun 15, 2012 at 9:47
<script src="jquery-1.7.1.js" type="text/javascript"></script> — nbrooks
– nbrooks, Commented Jun 15, 2012 at 9:49

acme · Accepted Answer · 2012-06-15 10:11:10Z

4

You must leave out the last parenthesis, I guess the code should run on dom ready?

<script type="text/javascript">
$(function() {
/* fix: “close” the value of i inside createFunction, so it won't change */
        var createFunction = function(i) {
            return function() { alert(i); };
        };

        for (var i=0; i<5; i++) {
            $('<p>').appendTo('body').on("click", createFunction(i));
}

});
</script>

See here for how to make code running on dom load with jquery.

edited Jun 15, 2012 at 10:11

answered Jun 15, 2012 at 9:50

acme

14.9k8 gold badges77 silver badges114 bronze badges

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

3 Comments

YoniGeek Over a year ago

@acne hey it works! thanks for dat! funny this is an syntax-error that firebug should point out...one more thing why Ican't see any in the browser? P should be append to the body uhn?

acme Over a year ago

You must use <p> when creating elements, otherwise it's just a plain selector for jquery. jQuery searches for an existing p element and tries to append that to the body. Because there does not exist one, nothing gets appended. I updated my answer.

superluminary Over a year ago

Also worth noting that since you have an HTML5 doctype, type="text/javascript" is optional.

Engineer · Accepted Answer · 2012-06-15 09:54:25Z

1

Remove parenthesis after }):

$(function() {
/* fix: “close” the value of i inside createFunction, so it won't change */
     var createFunction = function(i) {
        return function() { alert(i); };
     };

     for (var i=0; i<5; i++) {
            $('p').appendTo('body').on("click", createFunction(i));
     }    
});  //here is the modification

edited Jun 15, 2012 at 9:54

answered Jun 15, 2012 at 9:49

Engineer

48.9k12 gold badges90 silver badges93 bronze badges

Comments

BJ Patel · Accepted Answer · 2016-10-12 04:20:45Z

1

In my Case I have opened firebug in other tab, So it was showing me this error.

Solution : I have closed one tab and refreshed the page. and it was working :)

edited Oct 12, 2016 at 4:20

answered Aug 7, 2016 at 19:29

BJ Patel

6,28811 gold badges51 silver badges85 bronze badges

Collectives™ on Stack Overflow

Firebug doesn’t display my javascript? can't find the error

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related