простая функция кнопки закрытия перышко не работает JQuery

Question

простая функция кнопки закрытия перышко не работает JQuery

0

У меня есть кнопка закрытия в режиме Modal lightbox View. Но если вы нажмете на кнопку, окно не будет закрыто.

Здесь мой HTML код:

<a href="#" data-featherlight="#fl1">lösche</a>


<div class="lightbox" id="fl1">
    <h2>Delete Item</h2>
    <div class="row">
        <div class="twelve columns">
            <strong>Are you Sure?</strong><br>
           blubblub?
        </div>
    </div>

    <div class="right">

       <a href="#" class="btn btn_gray no text_none" id="close_button">Close</a>
        <a href="#" class="btn btn_red text_none">Yes</a>
    </div>
</div>

Вот мой код jQuery:

// Close Button featherlight

jQuery('#close_button').click(function(){
    console.log("test");
    jQuery('.featherlight').click();
});

JSFiddle DEMO

Dave 29 март 2014, в 18:05

Источник

Теги:

jquery

button

1 ответ

Ещё вопросы

A. Wolff · Accepted Answer · 2014-03-29T14-40-00.000Z

Плагин, похоже, генерирует элемент "на лету" (клонирование без связанных данных), вам необходимо делегировать событие, например:

jQuery(document).on('click','#close_button',function(){
    console.log("test");
    jQuery('.featherlight').click();
});

ВИДЕТЬ jsFiddle

Хорошо, что это работает :) спасибо