javascript - asp.net の GridView 内で ColorBox を使用する

Question

行内のリンクにColorBoxライブラリを使用していますが、ポップアップウィンドウは表示されませんが、ページにリダイレクトされます..同じリンクを外部に取得すると、ウィンドウが開きます..なぜですか?GridViewcolorboxcolobox

カラーボックス ウィンドウを開くリンク:

<a id="ctl00_ContentPlaceHolder1_gvFSuper_ctl07_HyperLink1" href="AddStaff.aspx" class="showColorBox">Test</a>

JavaScript:

 jQuery(document).ready(function ($) {
        $(".showColorBox").colorbox({ iframe: true, innerWidth: 800, innerHeight: 400 });
    });

Answer 1

カラーボックスを割り当てようとした時点で、そのリンクはドキュメントに存在しますか? そうでない場合は、イベント委任を使用する必要がある場合があります。例えば：

$('document').on('click', '.showColorBox', function(e){
    $.colorbox({href: this.href, iframe: true, innerWidth: 800, innerHeight: 400})
    e.preventDefault();
});