Firebug and jQuery

Question 1

I'm trying to debug my js code on my page that includes a jQuery file using Firebug (I'm new to jQuery..and Firebug kinda). However, Firebug is only showing me the 8k+ lines of jQuery code, and doesn't show my code anywhere. Where can I find my code? And is there a way to skip over certain external script files? I tried unchecking the file in the "filename" dropdown in the Script panel, but that doesn't do anything.
Thanks

Update: I just realized that when I include the external jQuery file, my inline js code, which is defined right after in <head>, isn't even recognized/compiled. None of my event handlers are defined or anything><
And when I include the jquery file after my inline js code, my inline code is compiled and there, but my whole form is missing!! WTH is going on!?

Question 2

Your code ? !, is your code inline or from external .js source ?

Question 3

inline. That's what I meant by its "on my page".

Question 4

If there is javascript in your html instead of a js file, it will also be listed in the same list.

Question 5

@Marnix That's what I figured..but its not. I ran a search and couldn't find my inline js functions. Also fb is showing me the same num of lines of code as in the jquery file. I can't find my inline code anywhere

Question 6

If it's not in the list, update your question. Ask about the not-compiling-problem as well. Maybe other people have more solutions than my comment.

Question 7

Have you tried clicking the following button?

enter image description here

Question 8

@Marnix Yes. "I tried unchecking the file in the "filename" dropdown in the Script panel, but that doesn't do anything."<br/>Except in my Script panel. The drop down is the name of my jQuery file: jQuery.js, where yours is "firebug-and-jquery"

Question 9

@Nicklamort: click the file you need to view

Question 10

@Marnix Hmm, I just noticed that when I include the jquery file, it doesn't compile my inline js code..all my event handlers don't work. That must be the reason.. but why would it do that?

Question 11

@Nicklamort You could check 2 things. First: check if the console tab tells you anything. If not, there is just a compiler error in your code. A missing ; or what not. It doesn't always show you what is wrong with your code. And sometimes, just sometimes, you'll have to check in IE what your compiler errors are. But first, turn on your Console tab.

Question 12

@Marnix The only error I get is when I try to click in my textbox. The onfocus js handler (thats missing) isn't defined. But when I don't include the jquery file, it works fine. The console isn't showing me any other errors, especially not in jquery, it is straight from the jquery website.

Question 13

if you have an inline piece of code it's easier to find in the 'HTML' tab of firebug.
just look for the <script> tag you have put on the page.

Question 14

Thx. That made it obvious that my js code isn't even there, not even under the HTML tab. Please see my update in OP.

Question 15

You do not uncheck a file in it. The checkmark shows you what file is currently displayed in the console window.

Scroll down the list of files and find your JavaScript file and click on it. It will open up in the window.

Question 16

Under script tag you will find a list of .js files loaded for that particular page. just select it from the dropdown. The check you are talking about is for selecting a particular file from the dropdown.

Marnix 6,5874 gold badges47 silver badges84 bronze badges · Accepted Answer · 2011-05-26 18:23:03Z

1

Have you tried clicking the following button?

enter image description here

Share

Improve this answer

answered May 26, 2011 at 18:23

Marnix's user avatar

Marnix

6,5874 gold badges47 silver badges84 bronze badges

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

8 Comments

Nick Rolando

Nick Rolando Over a year ago

@Marnix Yes. "I tried unchecking the file in the "filename" dropdown in the Script panel, but that doesn't do anything."<br/>Except in my Script panel. The drop down is the name of my jQuery file: jQuery.js, where yours is "firebug-and-jquery"

2011年05月26日T18:26:26.953Z+00:00

Marnix

Marnix Over a year ago

@Nicklamort: click the file you need to view

2011年05月26日T18:27:21.163Z+00:00

Nick Rolando

Nick Rolando Over a year ago

@Marnix Hmm, I just noticed that when I include the jquery file, it doesn't compile my inline js code..all my event handlers don't work. That must be the reason.. but why would it do that?

2011年05月26日T18:35:15.843Z+00:00

Marnix

Marnix Over a year ago

@Nicklamort You could check 2 things. First: check if the console tab tells you anything. If not, there is just a compiler error in your code. A missing ; or what not. It doesn't always show you what is wrong with your code. And sometimes, just sometimes, you'll have to check in IE what your compiler errors are. But first, turn on your Console tab.

2011年05月26日T18:42:00.94Z+00:00

Nick Rolando

Nick Rolando Over a year ago

@Marnix The only error I get is when I try to click in my textbox. The onfocus js handler (thats missing) isn't defined. But when I don't include the jquery file, it works fine. The console isn't showing me any other errors, especially not in jquery, it is straight from the jquery website.

2011年05月26日T18:47:24.203Z+00:00

|

CollectivesTM on Stack Overflow

Firebug and jQuery

4 Answers 4

8 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Post as a guest

Hot Network Questions

CollectivesTM on Stack Overflow

4 Answers 4

8 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Post as a guest

Related