jquery colorbox需要两次点击才能触发

Question

我有一个按钮，当我点击时，会触发一个彩盒事件。然而，在第一次，它需要两次点击才能触发。随后只需点击一下即可点击

我对colorbox的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>