如何使用javascript onClick事件而不是链接调用jQuery colorbox？

Question

我想使用javascript而不是href链接调用colorbox？

任何人都知道如何做到这一点？

感谢。

Answer 1

之前的示例对我不起作用，但使用相同的想法，这确实有效：

<script>
function lightbox(){    
  $.colorbox({width:"80%", height:"80%", iframe:true, href:"/pagetoopen.html"});
}
</script>

<input type="button" value="open the box" onClick="lightbox()"/>

Answer 2

这是我的头脑。但我相信你可以这样做：

<script type="text/javascript">
function call_cbox()
{
   jQuery.colorbox({html:'<p>Hi There I was instantiated onclick!</p>'});
}
</script>
<a href="#" onclick="call_cbox(); return false;">Give me a colorbox... NOW! And don't forget the color.</a>

Answer 3

以上两个答案的混合对我有用：

<script>
function call_cbox()
{
jQuery().colorbox({width:"900px", height:"600px", iframe:true, href:"/newsletter.html"});
}
</script>

Answer 4

$("tr").click(function () { 

    $.colorbox({width:"900px", height:"600px", iframe:true, href:"http://www.google.com"});

});