显示iFrame的复选框上的Fancybox

时间:2011-10-07 09:48:14

标签: jquery fancybox

目前,我正在一个广告网站上工作,人们可以在这里注册他们的公司/住宿。所以现在我做了一个复选框,人们必须先接受它才能注册你的compny。因为window.load()不适用于每个浏览器(即> popupblocker等),我必须找到另一种方式。

Fancybox支持在其精美的盒子中显示iFramed内容(多么精细!)。 这是一个简单的href ..现在我想在一个复选框上完成相同的结果。 当人们选中复选框时,条款和条件应显示在精美框内。 T& C保存在html端。

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

上面的代码适用于<a href="">,而不适用于复选框.. 有人可以帮我解决这个问题吗?

当我在复选框上应用plaatsing ID时,它会在fancybox中显示一个很好的复选框。如何让它显示.html页面?


修改

找到了FF + Chrome的解决方案..无法在IE浏览器中工作。

JS:

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

HTML:

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

工作..但不适用于IE:'(!

1 个答案:

答案 0 :(得分:1)

如果您将#("#plaatsing").click()一起使用,该怎么办?

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

或者我认为您也可以使用.change()代替.click()

我之前使用过复选框用于协议框,如果选中该复选框,则显示注册链接,所以我认为这将与你合作“希望如此”,但我不确定是否同样的方式适用于fancybox&amp; ; .trigger(),我读到.trigger()"onclick"与IE或类似的问题,无论如何都要尝试我的解决方案:)