在jquery中动态传递事件数据

Question

请参阅下面的HTML

<div class="Icon">
                <span>
                        <img src=""/>
                    </span>

            </div>

我是动态地添加类"bootstrap-modal"到上面的IMG标签，当它被点击。

$(".Icon img").on("click", function (e) {
            var data="some object";     
            $(this).addClass("bootstrap-modal");
    });

然后，我还为引导模式类提供了一个单击事件，如下所示

$(document).on('click',"bootstrap-modal" function (e,data) {

//here i need to get data object 
});

如何将数据对象从img单击事件传递到引导模式单击事件？

这意味着我需要从以前的点击处理程序中获得一些值？我该怎么做？

Answer 1

将其保存在data中

$('.Icon img').on('click', function(e) {
    var data = 'some object';
    $(this).addClass("bootstrap-modal").data('test', data);
});

$('.Icon').on('click', '.bootstrap-modal', function(e, data) {
    var data = $(this).data('test');
});

FYI:，因为您使用了最新版本的jQuery，所以最好使用带有事件委托的on方法，而不是不推荐的live。这里，.Icon应该是.bootstrap-modal的一个静态父元素。