web-dev-qa-db-ja.com

リンクの代わりにjavascript onClickイベントでjQuery colorboxを呼び出す方法は？

Hrefリンクではなくjavascriptを使用してcolorboxを呼び出したいですか？

誰か私がこれをどうやってできるか知っていますか？

ありがとう。

javascriptjquerycolorbox
15
DemonXTC

前の例は私にはうまくいきませんでしたが、同じ考えを使用してこれはうまくいきます：

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

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

これは私の頭の上にあります。しかし、私はあなたがこのようなことをすることができると信じています：

<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>
5
jeremysawesome

上記の2つの答えの組み合わせが私にとってうまくいきました：

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

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

});
0
nixis