쇼핑몰을 제작하는데 더보기 버튼 적용하고 싶어요
본문
안녕하세요
실력도 없는 데 쇼핑몰을 제작하게 되어 정말 신경이 많이 쓰이네요 ㅜㅜ
DIV에 뿌려지는게 5줄 정도 되고(아래 4줄은 보이지 않음)
처음에 화면에 보여지는것은 첫줄만 보여 지며 아래 화살표(더보기) 버튼 클릭시 한줄씩 보여 지게 하고 싶어요.
답변 2
ajax를 사용해서 한줄씩 가져오게 기능을 구현하셔야 할것 같습니다.
그누보드에서 기본적으로 지원은 하지 않을것 같아요.
https://jasontody.tistory.com/234
위의 링크에 적힌 무한스크롤 기능을 위의 기능을 활용해서 커스텀하셔도 될거 같아요
정말 감사합니다.
혹시 ajax 사용안하고 가능할까요?
DIV 리그트가 처음에는 5줄 출력되어 있지만
첫줄만 보이다가
더보기 버튼 클릭시
2줄 까지 보이고
더보기 클릭하면
3줄까지 보이고..
ajax 사용말고 제이쿼리로만 할수 있는 방법이 있을까요?
요즘 계속 바빠서 이제야 답변 드리네요;;
어떻게 해결을 하신지는 모르겠지만, 방법은 여러가지 입니다.
가장 추천 드리는것은 비동기로 데이터를 가져오도록 Ajax와 같은 것을 사용하는 것입니다. 그 이유는 전체 데이터를 로딩하지 않고 필요에 따라 로딩을 하여 화면에 보여주면 되기에 많은 데이터가 있을 시 효율적입니다.
그 다음으로 말씀하신것과 같이 비동기 없이 제이쿼리 또는 자바스크립트만으로 처리하는 방법은 전체 데이터를 가져오되, css에서 visibility:hidden으로 숨겨놓는 것입니다. 더 보기 버튼을 누르면 visible로 바꿔서 화면에 보이게요.
