0

Имеется кнопка:

<input type="submit" value="Отправить" name="form[ok]" class="rsform-submit-button">

Нужно по нажатию на неё закрыть модальное окно. Модальное окно - $.colorbox(). Оно закрывается следующим образом:

$.colorbox.close();

Я написал код:

function closeModal() {
    $.colorbox.close();
}

Вешаю на кнопку событие onclick="closeModal()". Не работает. В консоли пишет:

Uncaught ReferenceError: closeModal is not defined

Что я делаю не так?

3 ответа 3

1

Всем спасибо за ответы. Проблема была в Iframe. Помог следующий код (закрывает окно вне iframe):

onclick="parent.jQuery.colorbox.close()"

0

"Окно называется" - вы имеете ввиду, что оно имеет id='colorbox' ? Если это так, то для закрытия попробуйте следующий код:

function closeModal() {
    $('#colorbox').close();
}
8
  • Нет, нет. Это не ID всплывающего окна. Таким образом закрывается, модальное окно. Цитата из документации onclick="jQuery.colorbox.close();
    – Игорь
    25 июн 2015 в 21:57
  • @Игорь: " Таким образом закрывается, модальное окно" - запятая сбивает с толку. Если ф-ция closeModal не определена, то попробуйте просто onclick = "jQuery.colorbox.close();"
    – Борис
    25 июн 2015 в 22:02
  • Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode из консоли
    – Игорь
    25 июн 2015 в 22:02
  • забыл поставить кавычки) Uncaught TypeError: Cannot read property 'close' of undefined
    – Игорь
    25 июн 2015 в 22:09
  • @Игорь: а целиком на код можно глянуть?
    – Борис
    25 июн 2015 в 22:17
0

Перенесите ваш код

<script type="text/javascript">
function closeModal() {
    $.colorbox.close();
}
</script>

В конец файла (перед закрывающим тегом body )

1
  • Uncaught ReferenceError: closeModal is not defined
    – Игорь
    25 июн 2015 в 22:16

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.