Mi juego de cartas activa el evento de clic para todas las cartas una vez que se carga el DOM. Mi código originalmente se veía como

 $.each(cardArray, function(i,value){ var activeCard = $('<div class="cardContainer" title="'+cardArray[i]['name']+'" >'+cardArray[i]['damage']+'</div>'); activeCard.click(doStuff(i,activeCard)); }

pero después de encontrar otras respuestas útiles al mismo problema, descubrí que esto se debía a que () resultó en la ejecución de la función, por lo que mi nueva llamada debería verse así

 $.each(cardArray, function(i,value){ var activeCard = $('<div class="cardContainer" title="'+cardArray[i]['name']+'" >'+cardArray[i]['damage']+'</div>'); activeCard.click(doStuff); }

Desafortunadamente, esto significa que me quedo sin poder pasar las variables que necesito. ¿Cuáles son las posibles soluciones o mejores prácticas aquí?