jquery colorbox加载页面弹出按钮点击

Question

我想在弹出窗口中加载html页面。我做了一些谷歌，发现jquery colorbox。他们给出的例子使用anchor tag，但我想加载弹出按钮点击。

实例给出了颜色框

<a class='iframe' href="http://wikipedia.com">Outside Webpage (Iframe)</a> 

$(document).ready(function(){ 
    $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); 
}); 

在颜色框它们加载外部页面上链接的点击弹出窗口的上面的例子，但我想这样做，就按一下按钮。

Answer 1

尝试：

<input type="button" id="yourButtonId" value="Load Page" /> 

$(document).ready(function(){ 
    $("#yourButtonId").on("click", function() { 
    $.fn.colorbox({iframe:true, width:"80%", height:"80%"}); 
    //or 
    $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); 
    });  
}); 

Answer 2

通过将颜色框在$(document).ready(function(){，被在网页加载时创建的弹出窗口。

click事件简单地绑定到按钮：

$(document).ready(function(){ 
    $('#yourButtonId').click(function() { 
     $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); 
    } 
}); 

Answer 3

绑定验证码按钮点击：

$(".iframe").colorbox({open:true, iframe:true, width:"80%", height:"80%"}); 

$(".iframe") - 必须有href标签

open:true - 将打开颜色框后按钮点击