jquery click event se activa varias veces al usar el selector de clases

Tuve un problema similar y la solución para mí fue desunir el evento de clic antes de declarar el evento de clic. No tiene mucho sentido, pero no tenía idea de cómo los múltiples eventos se adjuntan a un solo elemento HTML. (y mi HTML parecía válido;))

$('.remove_lkc').unbind ('clic').haga clic en (function () {..........

En mi caso, tenía varias pestañas que rendían el mismo parcial y cada parcial tenía el document(documento).llamada ready () que enlazó el evento click tres veces.

Agregar estas dos líneas lo resolvió para mí:

event.stopPropagation();
event.preventDefault();

Fuente: http://code.google.com/intl/en/mobile/articles/fast_buttons.html

Intente poner el valor del atributo id entre comillas. Cosas extrañas suceden cuando se acaba de poner id=1.

Además, ¿cómo sabes que está disparando varias veces? Ponga esta línea en la parte superior de la función y observe el registro firebug para ver lo que está sucediendo:

console.log( "clicked on", jQuery(this), "which has id", jQuery(this).attr('id') );

editar:

Jeh, como otros han señalado... Asegúrese de que su marcado también sea válido: P

Mi problema fue que tenía mi enlace de evento en un bucle cuando creé las <div> s, agregando así el evento una y otra vez para cada elemento del evento. Es algo para verificar.

En mi caso, el javascript tiene que ser renderizado junto con la solicitud ajax.

$(document).ready(function(){
    $(document).on('click','.className',function(){alert('hello..')})
});

El evento se disparó varias veces.. utilizado .off () para eliminar todos los controladores de eventos anteriores. (utilice la misma firma utilizada en .on ())

$(document).ready(function(){
    $(document).off('click','.className');
    $(document).on('click','.className',function(){alert('hello..')});
});

Espero que ayude a alguien...

Desde el HTML publicado, parece que los DIVs de MyLink están anidados, lo que hace que el evento se dispare varias veces, ya que cada DIV recibe el clic. Como se ha señalado, asegúrese de que las etiquetas están bien formadas. ¿Se supone que las etiquetas DIV al final de cada línea son etiquetas de cierre?

Asegúrese de no incluir el script js varias veces. si está utilizando un framework en el sitio del servidor, asegúrese de que el diseño y las plantillas no incluyan el mismo script .

Tengo Se produce El Mismo problema si estoy ejecutar el mismo código en la página simple que su trabajo correctamente. cuando hago clic en el botón que tienen la misma clase usando ese índice de clase, quiero alternar un div, pero cuando hago clic en el botón en ese momento, la función llama varias veces.

Por ejemplo : si tengo 4 botón y cuatro div y haga clic en segundo botón ocultar/mostrar segundo div. Pero la ejecución de la función se repite 3 veces[es decir, hasta el índice de clase]

¿Qué es la razón? Utilicé algunos otros js siguientes también para este propósito este error se produce?

<script type="text/javascript" src="vendors/jquery-validation-engine/js/jquery.validationEngine.js"></script>

<script type="text/javascript" src="vendors/jquery-validation-engine/js/jquery.validationEngine-en.js"></script>

<script type="text/javascript" src="vendors/jquery-validation/js/jquery.validate.js"></script>

<script type="text/javascript" src="vendors/datepicker/js/bootstrap-datepicker.min.js"></script>

<script type="text/javascript" src="js/pluginjs/jasny-bootstrap.js"></script>

<script type="text/javascript" src="vendors/holderjs/js/holder.js"></script>

<script type="text/javascript" src="vendors/bootstrapvalidator/js/bootstrapValidator.min.js"></script>

<script type="text/javascript" src="vendors/twitter-bootstrap-wizard/js/jquery.bootstrap.wizard.min.js"></script>

<script type="text/javascript" src="js/pages/wizard.js"></script>

<script type="text/javascript" src="vendors/moment/js/moment.min.js"></script>