いくつかのサムネイル画像がある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);
これを達成するためのヒントや代替方法は高く評価されます。