Fancybox на флажке, показывающем iFrame

#jquery #fancybox

#jquery #fancybox

Вопрос:

В настоящее время я работаю над рекламным сайтом, на котором люди могут зарегистрировать свою компанию / жилье. Итак, теперь я установил флажок, в котором люди должны принять его, прежде чем вы сможете зарегистрировать свою компанию. Потому что window.load() не будет работать для каждого браузера (ie> popupblocker и т. Д.) Я должен найти другой способ.

Fancybox поддерживает отображение содержимого в формате IFRAME внутри своего модного ящика (как хорошо!). Это работает с простой ссылкой a href.. теперь я хочу добиться тех же результатов с помощью флажка. Когда пользователи устанавливают флажок, условия и положения должны отображаться внутри необычного поля. T amp; C сохраняются внутри HTML-страницы.

     $("#plaatsing").fancybox({
    'hideOnContentClick': true
    });
    });
  

Приведенный выше код работает для a <a href=""> , а не для флажка..
Может ли кто-нибудь помочь мне с этой проблемой?

Когда я применяю идентификатор plaatsing к своему флажку, он показывает красивый флажок внутри fancybox. Как я могу заставить его отображать HTML-страницу?


Редактировать

Найдено решение для FF Chrome.. не работает в IE ofc.

JS:

  $("a#controle").fancybox({
      'hideOnContentClick': true
 });
  

HTML:

 input onclick="$('a#controle').trigger('click');" name="plaatsing" id="plaatsing" type="checkbox" />
  

Работает.. но не для IE:'(!

Ответ №1:

Что, если вы используете #("#plaatsing") with .click() ?

 $(function(){
      $("#plaatsing").click(function(){
            if($(this).is(':checked')) $('a#controle').trigger('click');
      });
});
  

Или, я думаю, вы .change() тоже можете использовать вместо .click() !

Просто я раньше использовал флажок для поля соглашения, чтобы, если этот флажок установлен, показать ссылку регистрации, поэтому я думаю, что это сработает с вами «Надеюсь, что», но я не уверен, будет ли то же самое работать с fancybox amp; .trigger() , я читал, что .trigger() есть проблема "onclick" с IE или что-то в этом родев любом случае попробуйте мое решение 🙂