クリックするとカラーボックスイベントが発生するボタンがあります。ただし、最初は 2 回のクリックで起動する必要があります。その後、ワンクリックで発射できます
カラーボックスの私のjqueryは以下の通りです
$(document).on("click", "a[data-trigger='colorbox']",function(e){
e.preventDefault();
var currentTarget = $(e.currentTarget);
if(currentTarget.data("inline") !== true){
currentTarget.colorbox();
}else if(currentTarget.data("inline") === true){
currentTarget.colorbox({inline : true, href : currentTarget.data("href")});
}
});
以下のように私のhtml
<div class="float-right">
<div class="span3 push-v">
<a href="#" class="move_on btn-large btn-inverse" data-trigger="colorbox" data-inline="true" data-href="#choose">
I like this, lets move on
</a>
</div>
<div class="hidden">
<div id="choose">
<div class="row">
<div class="span6">
<!--Content-->
</div>
</div>
</div>
</div>
</div>