jquery - 复选框上的 Fancybox 显示 iFrame

标签 jquery fancybox

目前我正在开发一个广告网站,人们可以在其中注册他们的公司/住宿。所以现在我做了一个复选框,人们必须接受它才能注册您的公司。因为 window.load() 不适用于所有浏览器(即 > popupblocker 等),所以我必须找到另一种方法。

Fancybox 支持在其精美的框中显示 iFramed 内容(多好!)。 这是一个简单的 a href 工作。现在我想在复选框上完成相同的结果。 当人们选择该复选框时,条款和条件应显示在精美的框中。条款和条件保存在 html 端。

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

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

当我在复选框上应用 plaatsing ID 时,它会在 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 :'(!

最佳答案

如果将 #("#plaatsing").click() 一起使用会怎样?

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

或者我认为您也可以使用 .change() 而不是 .click()!

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

关于jquery - 复选框上的 Fancybox 显示 iFrame,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7685584/

相关文章:

Jquery 和 Fancybox 重复画廊

php - Jquery,拖拽保存到mysql数据库?

jQuery UI 颜色选择器

jquery - 从JSP中的下拉列表中获取值

javascript - 当 CSS 和 JS 缩小时,Fancybox 关闭按钮消失

jquery - 使用 click() 事件触发 FancyBox

asp.net-mvc-3 - 将 Fancybox 与 ASP.NET MVC Ajax 结合使用

jquery - 从 jQuery fancybox 1.3.4 中删除阴影

javascript - Google Maps API v3 选择信息窗口作为 jquery DOM 对象

jquery - 包括多个 jQuery 版本