2

いくつかのサムネイル画像があるjQuery UIダイアログウィンドウを読み込んでいます。画像をクリックすると、選択した画像のIDを返したいです。

データ属性を使用すると、非常に簡単に実現できると思います。私が抱えている問題は、サムネイルが外部ページから読み込まれているため、DOM が既に読み込まれているためにクリック (.image-select) をキャプチャできないことです。これはどう考えてもそうだと思います。私が間違っている場合は修正してください。

現在のコードは次のとおりです。

(function($) {

    $('#opener').click(function(e) {
        e.preventDefault();
        $('#dialog').dialog('open');
    });

    $('#dialog').load('/account/images/thumbnails/').dialog({
        autoOpen: false,
        height: 560,
        width: 670
    });

    $('.image-select').click(function(e) {
        e.preventDefault();
        console.log($(this).data('id'));
    });

})(jQuery);

これを達成するためのヒントや代替方法は高く評価されます。

4

2 に答える 2