Как я могу предотвратить запуск группы колонок JQuery при нажатии или нажатии кнопки мыши?

Question

Я использую Colorbox и имею все стандартные функциональные возможности. Этот вопрос находится вне обычного сценария использования колонок.

Мне нужно уметь перехватывать запуск колодки, щелкая и оценивать состояние, прежде чем разрешить отображение цвета. Таким образом, у меня есть группа изображений (с использованием rel), и когда нажимается любое изображение, я хочу иметь возможность запускать собственный код для проверки некоторых переменных и решить, могу ли я разрешить всплывающее окно colorbox. Если условие не установлено, я хочу отменить всплывающее окно. Я не видел простого способа сделать этот перехват/ввод кода в любой из образцов онлайн, хотя, возможно, я что-то пропустил.

Answer 1

Ключом является укладка ваших обработчиков и короткое замыкание вызова на colorbox с помощью более раннего обработчика. Это должно работать, но я не проверял:

Зарегистрировать обработчик щелчка первой НАПРОТИВ декларации ColorBox, например, так:

$('a.gallery') 
    .on('click', onClickGallery) 
    .colorbox({rel:'gal'}); 

И затем остановить немедленное распространение, если ваше условие не выполнено:

onClickGallery = function (event) { 
    var is_allowed = checkIsAllowed(); 
    if (! is_allowed) { 
    event.stopImmediatePropagation(); 
    event.preventDefault(); 
    return false; 
    } 
    return true; 
}; 

Я все время делаю это в производстве. Удачи!