Как в js поменять событие click?

Question

[Ст. Ку.]

Здравствуйте, братцы. Я очень глупый в js, мне нужно на пальцах объяснить, как нужно поменять событие клик, Спасибо.

$('.spoiler_links').click(function(){
  $(this).nextAll('.clsbody').toggle(0);
  $(this).nextAll('.spoiler_body').toggle(0);
   return false;

$(document).ready(function(){
    $("#te").toggle(   
	  function () {       
                  $("#te").text('Заголовки');   
		  $('.clsbody').show(0);
		  $('.spoiler_body').show(0);
/*   Меняем $('.spoiler_links').click(function(){ */ ;
 }, 	    	    
	  function () {
		 $('.spoiler_body').hide(0);
		 $('.clsbody').show(0); 
	         $("#te").text('Свернуть');	
/*   Возвращаем исходную $('.spoiler_links').click(function(){ */ ;
}
    ); });

Answer 1

[Pretor DH]

/* Устанавливаем */
$('.spoiler_links').on('click.spoiler1', function(){ ... });
/*   Меняем on click.spoiler1 на on click.spoiler2 */ ;
$('.spoiler_links').off('click.spoiler1').on('click.spoiler2',function(){ ... });
/* Убираем все*/
$('.spoiler_links').off('click');

Поробуй переделать код

function SpoilerDef(){
  $(this).nextAll('.clsbody').toggle(0);
  $(this).nextAll('.spoiler_body').toggle(0);
  return false;
}
function SpoilerUniq(){
  ...
};
$('.spoiler_links').on('click.spoiler',SpoilerDef);

$(document).ready(function(){
  $("#te").toggle(   
    function () {       
      $("#te").text('Заголовки');   
      $('.clsbody').hide(0);
      $('.spoiler_body').show(0);
      $('.spoiler_links').off('click.spoiler').on('click.spoiler',SpoilerUniq);
 }, 	    	    
    function () {
     $('.spoiler_body').hide(0);
     $('.clsbody').show(0); 
     $("#te").text('Свернуть');	
     $('.spoiler_links').off('click.spoiler').on('click.spoiler',SpoilerDef);
});
});

Но по идее должно быть по другому, значительно проще:

$(document).ready(function(){
 function SpoilerLink(e){
    ...
    e.stopPropagation();
    e.preventDefault();
 };
 $("#te").toggle(      // Возможно здесь нужно добавить к селектору ',.spoiler_links'
    function () {       
      $("#te").text('Заголовки');   
      $('.clsbody').hide(0);
      $('.spoiler_body').show(0);
      $('.spoiler_links').on('click.spoiler',SpoilerLink);
    }, 	    	    
    function () {
     $('.spoiler_body').hide(0);
     $('.clsbody').show(0); 
     $("#te").text('Свернуть');	
     $('.spoiler_links').off('click.spoiler');
    });
});

Селектор добавь если .spoiler_links лежат вне спойлера и при первом клике по ним должен вызывается спойлер.

Comments

[Ст. Ку.]

кручу, верчу, так, сяк, раком, боком... пока никак.

[Ст. Ку.]

Пробовал всё то же самое через live , bind , delegate... просто отключается событие и ничего не происходит. Где-то, что-то конфликтует у меня, видимо.

[Pretor DH]

Попробуй сделать как в примере. Но понять что должно оно точно делать я не могу по этому куску. Есть подозрения, что общая концепция не правильная.

[Pretor DH]

В общем добавил решение как должно быть. Только не понятно где эти .spoilerLinks лежат внутри спойлера или вне.

Answer 2

[Ст. Ку.]

А ларчик просто открывался.) Всунул изначальное условие внутрь и заработало. Только не on/off поставил, а bind/unbind. Спасибо вам.