单击功能一次

Question

两件事。我尝试仅运行代码一次，而不是再次点击.parent或点击.child。

其次，我试图使用index值来延迟然后使用函数。现在，每当图像淡入时，它都会执行该功能。

$('.parent').one().click(function(event) {
    $(this).removeClass('parent');
    $(this).find('.child img').addClass('sizeimage');
    $(this).find('.hero').addClass('dragimage');
    $(this).find('.child').addClass('dragimage');

    $(this).find('.child').each(function(index) {
        $(this).hide().delay(index * 500).fadeIn(0);
        $(this).addClass('item-' + index);

        setTimeout(reload, index * 500);
    });
});

当前设置的一个小提琴......用html

http://jsfiddle.net/sw5q9hc0/1/