2011-08-19 5 views
0

한 페이지에 링크 목록이 있습니다루비 : 상쾌한 페이지없이 기존 페이지에 다른 페이지의 내용을 당겨하는 방법

       PAGE 1 

Link.1

Link.2

Link.3

Link.4

사용자가 링크를 클릭하고 페이지를 새로 고침하지 않고 같은 페이지에 링크의 페이지 내용을 표시 할 수있게하려고합니다. 기본적으로 페이지의 div에 내용을 가져옵니다. 다른 링크를 클릭하면 현재 콘텐츠가 사라져 새로운 콘텐츠를위한 공간을 만들고 싶습니다.

이런 종류의 일은 저에게 새로운 것입니다. 누구든지이 작업을 수행하는 방법을 명확하게 보여주는 자습서를 가르쳐 주시면 감사하겠습니다. 그것은 그냥 떠나 매우 쉽게 사이트의 내용을 대체 할 수 http://pjax.heroku.com

: 사전에

덕분에

답변

0

당신이 github에 유사한 효과를 원하는 경우에, 어쩌면 pjax는 당신이 찾고있는 무슨이다 귀하의 응용 프로그램 레이아웃. github 및 basecamp afaik에서 사용됩니다. 또한 정중하게 저하 :

UPDATE :

Pjax는 다음과 같이 작동

  • 브라우저가 HTML5 역사 API를 지원하는 경우 것 같습니다.
  • 그렇지 않은 경우 창 위치를 설정하기 만하면됩니다.
  • 그렇다면 서버에 특수 헤더가있는 ajax 요청을 보냅니다.
  • (레일의 경우) 서버는 헤더를 읽을 수 있으며, (렌더링 될 것이다 : 레이아웃 => 레일에서 false)를 배치하지 않고 응답을 보내드립니다가 완전히 밖으로하지 비록

을 박스 솔루션은 아직 깨끗하고 단순합니다. :)

은 어쩌면이 두 가지 더 링크는 당신을 위해 도움이 될 것입니다 :

https://github.com/defunkt/jquery-pjax

https://github.com/rails/pjax_rails (3.1 이상이 레일을위한주의)

+0

아주 좋은 보이지만 나는 그것을하지만 돈을 이해하려고 노력 했어요 어디서부터 시작해야할지 모르겠다. 나는 소스 코드를 보았지만 그것을 얻지 못했다. 내가하고 싶은 것은 간단하지만 웹 사이트의 소스 코드에는 이해가되지 않는 것이 많이 있습니다. – LondonGuy

0

Rails> = 3.2를 사용하는 경우 rails-ajax 보석을 사용해 볼 수도 있습니다.

기본 기본 컨테이너로 구성하기 만하면이 컨테이너를 사용하여 웹 사이트가 자동으로 완성됩니다. 애플리케이션의 코드를 변경할 필요가 없습니다.

그것은 당신을 위해 번거 로움을 많이 처리

: JS-장애인 브라우저 폴백 (fallback), 북마크, 역사, 스크립트 실행, 리디렉션, 양식 ...

관련 문제