Fancy Box делает ссылку напрямую - PullRequest
Новая
       15

Fancy Box делает ссылку напрямую

0 голосов
/ 10 ноября 2010

У меня есть этот 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>

, но когда я нажимаю на ссылку, она переходит к месту, а не к лайтбоксу любые идеи

Хорошо, вот больше информации

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

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

, ничего не произошло, так что, может быть, мне нужен какой-то лайв или что-то, чтобы это работалолюбые идеи

Ответы [ 3 ]

0 голосов
/ 10 ноября 2010

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

0 голосов
/ 10 ноября 2010

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

Например: 

jQuery(document).ready(function($){
$(".features_edit").fancybox({
    'width'             : '38%',
    'height'            : '40%',
    'autoScale'         : false,
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    'type'              : 'iframe'
});
});
0 голосов
/ 10 ноября 2010

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

Вот некоторые вещи, которые следует учитывать в Fancybox:

  1. Требуется действительный тип документа
  2. Требуются файлы jQuery и fancybox js.
  3. Требуется файл fancybox css.

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

...