Выпуск всплывающего окна JQuery Lightbox - PullRequest
Новая
       18

Выпуск всплывающего окна JQuery Lightbox

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

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

<script>
    $(document).ready(function() {

        $(".views-field-nid-1 > .field-content > a").each(
            function(){

                $(this).click(
                    function(e){
                        e.preventDefault();
                        $(this).attr("rel", "lightframe[|width:1100px; height:700px;]");
                        Lightbox.initList();
                        return true;    
                    }
                );

            }
        );
    });
</script>

Проблема, с которой я столкнулся, заключается в том, что ссылки не работают, если вы не нажмете на них дважды, и я не могу объяснить, почему, кроме предположения, что на моей веб-странице есть 2 такие ссылки.

Чтобы помочь в перспективе, посетите http://hamilton -house.org.uk / Facilities-0 . Нажмите на ссылку Увеличить план этажа справа на странице. Существует одна такая кнопка для каждого из представленных планов этажей.

Я надеюсь, что кто-то может помочь мне с этим вопросом!?!. enter image description here

1 Ответ

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

Почему вы не добавили rel с циклом: 

$(".views-field-nid-1 > .field-content > a").each(function(index) {
    $(this).attr("rel", "lightframe[|width:1100px; height:700px;]");
});

И после этого используйте ваш лайтбокс без проблем и без двойного щелчка мышью?

...