Fancy коробка делает по ссылке непосредственно

Question

Я это Js

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

мой 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> 

, но когда я нажимаю на ссылку она идет к месту, а затем осветителя любые идеи

Ok здесь детали

Все ссылки становятся добавлены мой J avascript поэтому, когда я сделал это

$(".features_edit").click(function(){ 
    console.log("testing"); 
}); 

ничего не случилось, может быть, мне нужно какое-то живое или что-то, чтобы заставить его работать какие-либо идеи

Answer 1

документация связана ниже.
http://fancybox.net/howto

Вот некоторые вещи, чтобы рассмотреть о FancyBox:

1. Требуется действительный доктайп
2. Требуется JQuery и FancyBox JS-файлов.
3. Требуется файл fancybox css.

Кроме того, ваши $ (селектор) .fancybox ({... утверждение должно быть внутри $ (документ) .read (функция {... утверждение.

Answer 2

Не могли бы вы опубликовать более полный код образец? получаете ли вы какие-либо ошибки JavaScript? Я также видел это, когда не включая правильный путь к FancyBox плагина файлов расслоение плотной.

Answer 3

Убедитесь, что вы звоните в $ .fancybox после того, как документ будет готов.

Например:

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