один щелчок, два щелчка события произвело

Question

Я просто хочу, чтобы переключить некоторые элементы при нажатии на ссылку:

Это, как я пытаюсь (Но я действительно не думаю, что это имеет значение много для этого вопроса что внутри функции обратного вызова события):

/* mostrar exceso de comentarios a peticion del usuario*/ 
$('.toggleComments').click(function(){ 
     console.log('.toggleComments'); 
     if($(this).parents('.helpContent').find('.commentHideble:visible').length > 0){ 
      $(this).text('+ <?=get_texto_clave('show_old_comments')?>').removeClass('toggleCommentsActive').append(' ('+$(this).parents('.helpContent').find('.commentHideble:not:visible').length+'+)'); 
     }else{ 
      $(this).text('- <?=get_texto_clave('hide_old_comments')?>').addClass('toggleCommentsActive'); 
     } 
     $(this).parents('.helpContent').find('.commentHideble').slideToggle(100); 

}); 

Я даже попытался булево, но дал мне тот же результат

/* mostrar exceso de comentarios a peticion del usuario*/ 


var ctoggle = false; 
$('.toggleComments').click(function(){ 
    if(ctoggle == false){ 
     ctoggle = true; 
     console.log('.toggleComments'); 
     if($(this).parents('.helpContent').find('.commentHideble:visible').length > 0){ 
      $(this).text('+ <?=get_texto_clave('show_old_comments')?>').removeClass('toggleCommentsActive').append(' ('+$(this).parents('.helpContent').find('.commentHideble:not:visible').length+'+)'); 
     }else{ 
      $(this).text('- <?=get_texto_clave('hide_old_comments')?>').addClass('toggleCommentsActive'); 
     } 
     $(this).parents('.helpContent').find('.commentHideble').slideToggle(100); 
     ctoggle = false; 
    } 
}); 

Почему журнал увольняют дважды нажмите?

Answer 1

Похоже, что у вас есть один и тот же кусок jQuery дважды на странице. Два связывания - два огня.

Линии 499 и 1481.

Answer 2

jsfiddle страница whould быть полезной, но между тем вы можете попробовать это:

$('.toggleComments').click(function(e){ 

    e.stopPropagation(); 

    console.log('.toggleComments'); 
    if($(this).parents('.helpContent').find('.commentHideble:visible').length > 0){ 
     $(this).text('+ <?=get_texto_clave('show_old_comments')?>').removeClass('toggleCommentsActive').append(' ('+$(this).parents('.helpContent').find('.commentHideble:not:visible').length+'+)'); 
    }else{ 
     $(this).text('- <?=get_texto_clave('hide_old_comments')?>').addClass('toggleCommentsActive'); 
    } 
    $(this).parents('.helpContent').find('.commentHideble').slideToggle(100); 
} 

Answer 3

Поскольку вы используете селектор класса, это не маловероятно, что событие щелчка пузырится/распространяющимся на несколько элементов, все с toggleComments класс. e.stopPropagation() должен помочь в вашем случае.

preventDefault останавливает сам клик, поэтому, если элемент является гиперссылкой, лучше не использовать этот метод. Если это просто div, span или что-то еще, вы всегда можете вернуть false. В jQuery возврат false останавливается событие Распространение/барботирование и предотвращает дефолт.