ansaurus

Question

How to make javascript/jquery code error proof ?

Answer 1

+5 A:

A lot of jQuery code works like this already, as it is set-based, and you can do operations on sets of 0 elements. I.e. these will always work, regardless of whether or not the selector matches any elements:

$('#myButton').click(function() { ... });
$('#somethingElse').hide();

In some cases you really do need a reference to at least one element, however, for the rest of the script to work. In these cases, you have to manually check that the element exists:

if($('#myElement').length == 0) return false; // or similar...

David Hedlund 2010-01-21 11:29:46

@David - can u explain with example?

metal-gear-solid 2010-01-21 11:53:56

`if($('#myElement').length) { ... }` Shorter and does the same thing

Erik 2010-01-21 11:56:19

@Jitendra: that was my example! `$('#myElement')` is jQuery code to find all elements with the id "myElement". as it is an array(ish) of elements, you can check its `length` property. if length is 0, it means there was no element with the id "myElement" in the page. Since 0 is *falsy* i.e. resolves to false when used as a boolean, Erik's shorter version is exactly equal.

David Hedlund 2010-01-21 12:10:17

Answer 2

+1 A:

if($('#myElement').length != 0){
  my special js magic thing;
}else{
  return false;
}

Eduplessis 2010-01-22 14:30:12

ansaurus

tags:

views:

answers:

How to make javascript/jquery code error proof ?

related questions