jQuery fadeout, fadein, toggle and some events not working in firefox and vsdoc.js

A while ago I blogged about my expedition into the world of dedicated javascript programming, and till now I am satisfied with my work without using any libraries. But to speed my development, I had to jump into using some sort of libraries to use. Both jQuery and Moo Tools looked promising for my work but had to go with jQuery because of the intellisense support with Visual Studio 2008 ( You can get to know how to set up Visual Studio to get intellisense with Query here)

But while testing some of my basic code with jQuery, fade in and fadeout was not working with firefox 3.0.12 and chrome 3.0.193.1 but was working with IE 8.  The code where I was getting error was


$(document).ready(function(){
$(".pane .delete").click(function(){
$(this).parents(".pane").animate({ opacity: 'hide' }, 3000);
});
$(".btn-slide").click(function() {
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});

After some head scratching, I came to know that we have the put the vsdoc.js documentation reference inside the server side conditional statement, making the documentation file not to load at the run time.

vsdocCondition

and one more mistake which I did was not the remove to the numerics in the documentation file downloaded from the link provided here

jQuery Documentation Link

Now with these, I am setting my course to more complex jQuery code. Take Care….

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: