Fancybox content исчезает

Question

Когда я пытаюсь щелкнуть поле, контент уходит. Я хочу, чтобы кнопка x закрывала всплывающее окно, а не наложение или контент. Я также замечаю, что когда я дважды нажимаю на #contactus и # contactus2, всплывающее окно исчезает, но не накладывается.

Нажмите «Просмотр строк», чтобы увидеть всплывающее окно.

Вот код пожара:

$(document).ready(function() { 

     $("#contactus").fancybox({ 
     'hideOnOverlayClick':false, 
     'hideOnContentClick':false 
}); 

    $("#contactus2").fancybox({ 
     'hideOnOverlayClick':false, 
     'hideOnContentClick': false 
}); 

    $("a#inline").fancybox({ 
     'hideOnContentClick': false 
    }); 

}); 

Answer 1

уточнить, что я сказал ниже:

у вас есть вызов FancyBox по ссылке с идентификатором = инлайн (у вас есть две ссылки с одинаковыми идентификаторами , скорее всего, вы должны использовать класс). ссылки с id = inline открывают свои цели, которые являются div # contactus и div # contactus2. вы также вызываете fancybox на div # contactus и div # contactus2, из-за чего эти divs открывают fancybox.

см. Это fiddle.

это выглядит эта линия:

$("#contactus2").fancybox({ 
    'hideOnOverlayClick':false, 
    'hideOnContentClick': false 

}); 

вызывает щелчок на DIV внутри FancyBox, чтобы открыть еще один FancyBox внутри. попробуйте удалить это и щелкнуть по Хьюстону, чтобы узнать, работает ли он.