언 바인드/바인드가 작동하지 않음

Question

$(document).ready(function(){ 
$("li::nth-child(1)").click(function() { 
     $("li").unbind('click'); 
     $(".content").fadeIn('slow'); 
     if ($("#what_image").is(':visible')) { 
     $("#what_image").fadeOut('slow', function() { 
     $("#what_text").fadeIn('slow'), function() { 
      $("li").bind('click'); 
      ... 

언 바인드 작동 ... 모든 "li"메뉴 요소를 클릭 할 수 없습니다. 애니메이션이 멈 추면 모든 "li"요소를 바인딩하는 것을 좋아합니다. 내가 요소를 바인딩 할 수 없습니다 왜냐하면 아무 소용이 는 ... 뭔가

Answer 1

$("li").bind('click'); 

는 그 선은 클릭에 무엇을 말하는되지 않는다 ... 잘못된해야합니다. 수행 할 기능에 바인드해야합니다.

이 같은

$(document).ready(function(){ 
    function FadeLi() { 
     $("li").unbind('click'); 
     $(".content").fadeIn('slow'); 
     if ($("#what_image").is(':visible')) { 
      $("#what_image").fadeOut('slow', function() { 
       $("#what_text").fadeIn('slow'), function() { 
       $("li").bind('click', FadeLi); // Binding to the same function 
       } 
      } 
     } 
    } 

    $("li::nth-child(1)").click(FadeLi);  
} 

Answer 2

뭔가 작동합니다 :

이 원하는 것 전에 다시는 무엇을하고 있었는지에 바인딩 할 가정

$(document).ready(function(){ 
    function clickHandler() { 
    $("li").unbind('click'); 
    $(".content").fadeIn('slow'); 
    if ($("#what_image").is(':visible')) { 
     $("#what_image").fadeOut('slow', function() { 
     $("#what_text").fadeIn('slow'), function() { 
     $("li").bind('click', clickHandler); 
     ... 
    } 
    $("li::nth-child(1)").click(clickHandler); 

을하지만 나는이 있다는 느낌이 이벤트를 바인딩하고 바인딩 해제하는 것보다 원하는 것을 성취하는 더 좋은 방법입니다.

Answer 3

오케이 ... 당신의 도움 덕분에 찾았습니다 !!!

$은 (문서) .ready (함수() {

function FadeLi() {                 
    $("li").unbind('click');               
     var index = $("li").index(this);            

     switch(index)                
      { case 0:                
        $("#what_image").fadeOut('slow', function() {     
        $("#what_text").fadeIn('slow', function() {      
        $("li").bind('click', FadeLi); // Binding to the same function 
         });               
        });                
       break                
       case 1:                
        $("#when_image").fadeOut('slow', function() {     
        $("#when_text").fadeIn('slow', function() {      
        $("li").bind('click', FadeLi); // Binding to the same function 
         });               
        });                

       break  
       . 
       . 
       .