jQuery의 클릭 이벤트에서 페이지 리디렉션이 작동하지 않습니다.

Question

링크를 클릭 한 후 페이지를 리디렉션하려고하면 기능이 작동하지 않습니다. 왜냐하면 내가 클릭 할 때, 작업 수행을 기다리지 않고 페이지가 즉시 리디렉션되기 때문입니다. 내 코드는 다음과 같습니다.

var site = 'http://www.sitename.com';  
$(document).ready(function() { 
     $('#messages').on('click', '.read', function() { 

      $.cookie("show_messages", "false", { expires: 120, path: '/' }); 

      $('body').fadeOut(1000, function() { 
       window.location.href = site + "/home-page"; 
      }); 
      return false; 
     }); 
    }); 

리디렉션 페이지보다 쿠키를 설정하고 싶지만 관리하지 않았습니다. 당신이 나를 도울 수? 친절 ...

Answer 1

클릭 기능에 문제가있는 것 같습니다. 그 때문에 결코 return false; 문에 표시되지 않습니다. jsFiddle에서 코드를 재현하려고 시도했지만 나에게 그것은 $.cookie에서 깨졌습니다. 그 방법을 지원하는 플러그인을 포함하셨습니까? jQuery의 일부가 아닙니다.

는 제 다음 코드로 진행,이 같은 문제를 방지 이벤트를 취소하려면 : event.preventDefault()와

$(document).ready(function() { 
    $('#messages').on('click', '.read', function (event) { 
     event.preventDefault(); 

     $.cookie("show_messages", "false", { expires: 120, path: '/' }); 

     $('body').fadeOut(1000, function() { 
      window.location.href = site + "/home-page"; 
     }); 
    }); 
}); 

당신은 return 아무것도하지 않고 클릭 이벤트를 방지 할 수 있습니다.