Как перейти к следующему изображению, если нажать на кнопку .next_image, но закрыть окно facebox, если щелкнуть в другом месте

Question

Примечание: Я изучаю jQuery, поэтому, пожалуйста, простите вопрос newb.

У меня есть галерея лайтбоксов, и я хочу, чтобы это было так, что если бы я нажал кнопку «Далее» в галерее, она отобразила следующее изображение (как оно уже есть), но нажмите в любом другом месте, it закрывает всплывающее окно окна facebox.

Я играл с кодом совсем немного, но я застрял на отметке здесь:

$('#facebox :not(.image_next)').click($.facebox.close)

Где я собирался с ним было, (в переводе):

«В div с идентификатором facebox, если только щелчок не находится на картинке следующим образом класс, закройте окно окна facebox. "

К сожалению, это закрывает окно независимо от того, где я нажимаю, в том числе на img с этим классом.

Любая помощь будет качаться.

Answer 1

Событие кликания начинается с кнопки «Следующий» до его родителя, который является вашим #facebox div.

Звоните event.stopPropagation() в обработчике кликов для кнопки «Далее», чтобы остановить событие от «видимого» вашего обработчика на #facebox.

Answer 2

$('#facebox :not(.image_next)').click($.facebox.close) 

Это то, что вы заявили, что хотите. Просто заметив.

Вместо этого попробуйте

$('#facebox :not(.image_next), <other objects in windows>').click($.facebox.close); 

Что случилось, вы просто говорите все, а «.image_next», который будет включать в себя изображение внутри вашего facebox. Таким образом, вместо этого используйте Firebug, чтобы определить, какие другие объекты существуют, которые вам нужно исключить или привязать только к объектам, которые вы действительно хотите отменить.