Question

101

TypeError is Null?

rated 0 times [ 107] [ 6] / answers: 1 / hits: 92960 / 12 Years ago, wed, september 26, 2012, 12:00:00

This is an error in Firebug I keep seeing.

TypeError: $(#gallery-nav-button) is null

 [Break On This Error]  

$('#gallery-nav-button').addClass('animated fadeOutRightBig');

Here is my code:

JS

$(function() {

  $(#close-gallery-nav-button).click(function() {

    $('#gallery-nav-button').addClass('animated fadeOutRightBig');

   });

});

HTML

<div id=gallery-nav-button>

  <h4 id=close-gallery-nav-button>X</h4>

    <h3 class=text-center small-text><a class=inline text-center small-text href=#gallery-nav-instruct>Click Here for Gallery <br /> Navigation Instructions.</a></h3>

</div>

CSS

#close-gallery-nav-button{

  text-indent:-9999px; 

  width:20px; 

  height:20px; 

  position:absolute; 

  top:-20px; 

  background:url(/images/controls.png) no-repeat 0 0;

}

#close-gallery-nav-button{background-position:-50px 0px; right:0;}

#close-gallery-nav-button:hover{background-position:-50px -25px;}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

janjadonb

Add To Favorites

Follow

Total Points: 4

Total Questions: 114

Total Answers: 118

Location: Mali

Member since Fri, Dec 3, 2021

3 Years ago

janjadonb questions

1 How to execute slickNext method in react-slick carousel?

Tue, Nov 10, 20, 00:00, 4 Years ago

1 How to set focus on custom input in ReactJS using useRef and react hooks?

Fri, Oct 23, 20, 00:00, 4 Years ago

1 React Router scroll page to the top after transition

Wed, Oct 14, 20, 00:00, 4 Years ago

1 Vue3 Creating Component Instances Programmatically on button click

Wed, Oct 7, 20, 00:00, 4 Years ago

1 How to create array of strings in VueJS?

Tue, Apr 14, 20, 00:00, 4 Years ago

View All

answered 12 Years ago alessandrol · Accepted Answer

I have several scripts running on this page and evidently one script was conflicting with another. To solve my issue I added jQuery.noConflict();

var $j = jQuery.noConflict();

$j(function() {

  $j(#close-gallery-nav-button).click(function() {

    $j('#gallery-nav-button').addClass('animated fadeOutRightBig');

   });

});