Fancybox и Quicksand - немного головной боли - PullRequest
Новая
       33

Fancybox и Quicksand - немного головной боли

1 голос
/ 09 августа 2011

Я пытался заставить Fancybox и Quicksand работать вместе. У меня они оба работают, на одной странице, но не "вместе".
Вот несколько фрагментов кода: 

<head>
<script type="text/javascript">
    $(document).ready(function() {  
                $("a:visible").fancybox({
                'type'              : 'image',
                'titlePosition'     : 'outside',
                'overlayColor'      : '#000',
                'overlayOpacity'    : 0.7
            });
    });

</script>
</head>

А потом: 

  <a href="./gallery/img/shots/3.jpg" ><img src="./gallery/img/shots/3.jpg" /></a>

Вместе эти работы. Тем не менее, это не работает (просто открывает изображение в новой вкладке) на что-нибудь в «области» Quicksand, например: 

<section id="container">
            <ul id="stage">
                <li data-tags="Urban"><a href="./gallery/img/shots/1.jpg"><img src="./gallery/img/shots/1.jpg" alt="Illustration" /></li></a>
            </ul>
        </section>

Я осмотрелся и обнаружил, что мне, возможно, придется изменить следующий код из учебника: 

$('#stage').quicksand(link.data('list').find('li'));

до 

$('#stage').quicksand(link.data('list').find('li'),function(){
    // FancyBox initialization code.
});

Я также искал этот «код инициализации», и все, что я нашел, это fancybox_init();. Кажется, это ничего не делает? : S Я также пытался изменить его на $('a:visible').fancybox({...});, но это тоже не работает.
Я знаю, что это что-то маленькое / глупое, я просто не вижу этого.
Я знаю, что это работает на любой ссылке на странице, но это что-то исправить позже, я не думаю, что это проблема? Спасибо за любую помощь,
Джозеф Даффи

1 Ответ

0 голосов
/ 09 августа 2011

Я считаю, что причина, по которой он может не работать, заключается в том, что вы включаете тег ссылки в свою разметку.По сути, ваша ссылка нажимается, и в результате нажатия открывается изображение.Попробуйте удалить теги 'a' и посмотрите, не возникла ли у вас такая же проблема.

...