Làm thế nào để chuyển đổi trang kiểu github bằng pjax

Question

Mỗi lần một lần, tôi đọc một bài báo nói rằng chuyển đổi trang github được tạo bởi pjax, tôi đã kiểm tra dự án jquery-pjax. Tôi nghĩ rằng tôi đã gần với câu trả lời, nó phải là một cái gì đó liên quan đến sự kiện pjax:start và pjax:end, nhưng tôi vẫn không thể làm cho nó hoạt động, vì vậy tôi cố gắng để có được một số trợ giúp ở đây.

$('a.pjax').pjax('#main'); 
$('#main').bind('pjax:start', function(){$('#main').slideUp()}) 
    .bind('pjax:end'), function(){$('#main').slideDown()}); 

Nhưng nó không có tác dụng

Answer 1

Github sử dụng các tính năng HTML5 cho chuyển trang. Điều đó bao gồm các quá trình chuyển đổi JS và API lịch sử JS mới. Không có jQuery tham gia ngoại trừ việc lắng nghe sự kiện tiêu chuẩn, bộ chọn. Bài đăng trên blog có ở đây với tất cả các liên kết có liên quan https://github.com/blog/760-the-tree-slider

Answer 2

Tôi không biết điều này có liên quan chút nào hay không. Nhưng tôi đã sử dụng Pjax và mã ở trên có lỗi cú pháp, phải là:

$('a.pjax').pjax('#main'); 
$('#main').bind('pjax:start', function(){$('#main').slideUp()}) 
.bind('pjax:end', function(){$('#main').slideDown()}); 

Chỉnh sửa: Có, xin lỗi vì đã không chỉ ra điều đó. Chính xác như @Udo Held cho biết: Bạn cần phải loại bỏ các khung sau khi 'pjax: kết thúc' hoặc người nào khác nó sẽ không làm theo và thực hiện $ ('# chính'). SlideDown() chức năng.

Answer 3

Pjax: Demo, Source[Github]
Đây là một trong những điều đó github sử dụng .. reference