Fancy box is doing to the link directly

I have this js

$(".features_edit").fancybox({
    'width'             : '38%',
    'height'            : '40%',
    'autoScale'         : false,
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    'type'              : 'iframe'
});

my html

 <li><a href="http://somthing.com/side/48/features/553/edit" class="features_edit">Apples</a></li>
 <li><a href="http://somthing.com/side/48/features/554/edit" class="features_edit">Oranges</a></li>
 <li><a href="http://somthing.com/side/48/features/555/edit" class="features_edit">Pears</a></li>

but when i click on the link it goes to the location rather then the lightbox any ideas

Ok here is more infomation

All the links are getting added my javascript so when i did this

$(".features_edit").click(func开发者_如何学编程tion(){
  console.log("testing");
});

nothing happened so maybe i need some sort of live or something to make it work any ideas

Could you post a more complete code sample? Are you getting any javascript errors? I've also seen this when not including the proper path to the fancybox plugin js files.

Make sure you're calling the $.fancybox after the document is ready.

For example:

jQuery(document).ready(function($){
$(".features_edit").fancybox({
    'width'             : '38%',
    'height'            : '40%',
    'autoScale'         : false,
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    'type'              : 'iframe'
});
});

The documentation is linked below.
http://fancybox.net/howto

Here are some things to consider about Fancybox:

1. Requires a valid doctype
2. Requires jQuery and fancybox js files.
3. Requires fancybox css file.

Additionally, your $(selector).fancybox({... statement must be inside a $(document).read(function{... statement.