jQueryカラーボックスを閉じるグローバル関数を作成するにはどうすればいいですか？

Question

まずはこれまでうまく動作していたjQueryカラーボックスプラグインを使用していますが、ボタンを使用してカラーボックスを閉じたいとします。残念ながら、jQueryを使用してそのIDを選択することで、そのボタンのclickイベントをトリガすることはできません。代わりに、closepan（）というjavascript関数を呼び出す必要があります（この動作は残念ながら必須です）。

私は

closepan() { 
$.colorbox.close(); 
} 

に最初のケース関数を作成してみました：

$(document).ready(function(){...}); 

内部をその後私は、エラーclosepanが定義されていないです。

二ケース：

$(document).ready(function(){...}); 

前にしかし、それは未定義であるカラーボックスの方法です！

私はこのトピックに関して、stackoverflow.comの周りに見いだしたいくつかの解決策を手にしています。私はこれを動作させる方法を理解できません！

つまり、$ .colorbox.close（）;を実行できるclosepan（）という名前の関数を作成する方法。私のボタンのために世界的に利用可能なのですか？

Answer 1

ます場合は、変数や関数を作成どんなにそれをwindowに作成すると、それは世界中で利用可能になります。

window.closepan = function() { 
    // hello there 
} 

Answer 2

しかし

function closepan() { 
    if($.colorbox) { 
     $.colorbox.close(); 
    } 
} 

、誰かがそのチェックは必要ありませんので、すべての外部スクリプトがロードされている必要がありますあなたのボタンをクリックした時点で...

Answer 3

はあなたの宣言の前にキーワードfunctionを置くことを忘れないでください ...

function closepan() { 
    $.colorbox.close(); 
} 

ワーキングJSFiddle