Закрытие Colorbox

У меня есть простое всплывающее окно (а не iframe), где пользователь может отправлять почту друг другу. Существует кнопка отправки для отправки информации и кнопка отмены, которая должна закрыть наложение.

У меня есть некоторые проблемы с работой кнопки закрытия.

Код выглядит следующим образом:

<asp:Button runat="server" ID="btnCancel" Text="Cancel" />

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery("#<%= btnCancel.ClientID %>").click(function () {
            jQuery.colorbox.close(); return false;
        });
    });
</script>

Я попытался с parent.jQuery.colorbox.close(), jQuery.fn.colorbox.close(), но без успеха.

Ответы

Ответ 1

Я узнал, что я дважды добавлял jQuery и colorbox, так как он был загружен как в фрейме, так и на цветной панели, вызывающей страницу.

Он работал после того, как я удалил jQuery и Colorbox со страницы наложения, поэтому он только включился.

Я использовал идею sushil bharwani и выполнил закрытое событие.

Ответ 2

У вашего colorbox есть кнопка закрытия вверху. [Закрыть]. В моем приложении, когда я хочу ввести кнопку отмены, чтобы закрыть окно colorbox из ссылки, отличной от уже предоставленной colorbox.

Я делаю обходной путь вроде.

jQuery('#cboxClose').click();

нажмите кнопку закрытия по умолчанию и, в конце концов, закроет colorbox.

Ответ 3

Вы можете использовать:

$(window).colorbox.close();

Ответ 4

Попробуйте это.

     <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        /* Automatically resize to content */
        var y = $(document.body).height();
        var x = $(document).width();
        parent.$.colorbox.resize({innerWidth:x, innerHeight:y});

        $("#button_cancel").click(function() {
            parent.$.colorbox.close();
            return false;
        })
    });

Для кнопки на странице iframe html.

  <button id="button_cancel" type="button">cancel</button>

Ответ 6

$(".selected_color").live('click',function(){

  $(window).colorbox.close();
});

Использование live будет работать

Ответ 7

Вы пытались использовать

$.fn.colorbox.close();

вместо

jQuery.colorbox.close();

?

Возможно, вы уже сделали это:

 $("#cboxClose").click(function(){
      $.fn.colorbox.close();});

У вас не должно быть проблем при закрытии colorbox. На самом деле, у меня также есть colorbox в приложении с кнопкой отмены и закрывающей кнопкой, которая выглядит как изображение. Нет проблем вообще.

Ответ 8

Я думаю, что вы отсутствуете или ошибаетесь в своем коде. В противном случае метод закрытия будет работать так, как ожидалось. Вы сначала проверяете, что ваша кнопка загорается или нет? Если огонь, есть ли у вас ошибка JS?

Ответ 9

Это может помочь кому-то. Я создал пользовательскую кнопку закрытия. Моя пользовательская кнопка закрытия находится в верхнем правом углу и может также закрыться. Мой код:

        jQuery(document).ready(function(){
        jQuery('<div id="close" style="cursor: pointer; position: absolute; top: 0; right: 30px;"><img src="../img/close.png" alt="close"/></div>').appendTo('.yourparentDiv');

        $("#close").click(function() {
            jQuery('#cboxClose').click();
        });
    });

Благодаря @sushil bharwani, я столкнулся с проблемой при закрытии colorbox. Это помогло мне.