테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

js・jquery 질문입니다. 채택완료

nanati 8년 전 조회 3,834
답변 2
목록

자바스크립트인가 제이쿼리인가중에....

예를들어

같은 내용의 박스가 여러개 나열되어있는데

 

처음에는 일정개수의 (div)박스를 보여주다가 맨 밑에 더보기 버튼을 누르면

또 일정 개수의 박스가 추가로 나오고, (더보기 버튼은 항상 맨 밑)

또 누르면 더 나오고....

 

하는 제이쿼리? 이름 같은게 있나요?

찾아보려는데 이름을 모르겠어서 검색이 잘 안되네요 

도와주세요 호호홍-ㅅ -;;;

 

#jquery #javascript #자바스크립트 #제이쿼리
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
흉

더보기를 눌렀을때 추가 콘텐츠를 로딩해오는 건 ajax로 많이 하죠.

관련된 플러그인들을 infinite scroll 이라고 합니다.

버튼 눌렀을때 불러오나 스크롤위치에 따라 불러오나정도로 구분될 겁니다.

요것 찾으시는 거가 아닐련지요? 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

n
nanati
8년 전
ajax ... 는 모르는 언어네요 ㅠ ㅠ흑...
알려주신 infinite scroll로 검색해서 찾아보겠습니다
감사합니당 ^^///

댓글을 작성하려면 로그인이 필요합니다.

Rido
Rido
8년 전

내용을 비동기로 불러오는걸 물어보신건 아닌거 같고 

입력폼 등에서 사용하는걸 간략하게  jquery로 만들었습니다.

 

</p><p><script</p><p>  src="<a href="<a href="https://code.jquery.com/jquery-1.12.4.min.js" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-1.12.4.min.js</a>"><a href="https://code.jquery.com/jquery-1.12.4.min.js" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-1.12.4.min.js</a></a>"</p><p>  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="</p><p>  crossorigin="anonymous"></script></p><p> </p><p> </p><p><div id="c_div"></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><div>여기에 추가한다</div></p><p></div></p><p> </p><p><div></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><span id="add_view">더보기</span></p><p></div></p><p> </p><p><div id='v_div' style="display:none"></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><div>아아 추가된다</div></p><p></div></p><p> </p><p> </p><p> </p><p>  <script></p><p>  $("#add_view").click(function(){<span class="Apple-tab-span" style="white-space:pre">	</span></p><p><span class="Apple-tab-span" style="white-space:pre">	</span>var add_html = $("#v_div").html();</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$("#c_div").append(add_html);</p><p>  });</p><p>  </script></p><p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 7개

n
nanati
8년 전
오오.. 능력자 ㅎㅎ 채택두 끝났는데 답변 달아주셔서 감사해요 ㅠ ㅠ
좋아요 한번(맘으론 백번) 눌러드릴게여 ㅋ
감사합니다 ^^~~~ !!!
이거를 예를들어서 첨에 보여지는 게 다섯개고,
그 이후에 버튼 누를 때마다 다섯개씩 보여주는?! 방법이 있나요?
R
Rido
8년 전
그냥 해당 dom의 내용을 5개를 쓰면 됩니다. -_-;;;
아아 추가된다의 dom을 5개 써두면 됩니다.

아 이건 확실히 @nanati 님의 질문이라 대답한건 비밀입니다.
n
nanati
8년 전
헛. 제가 머리가 거기까지 돌아가질 않았네요 ㅋㅋ
의외로 간단! 흐흐흐...
감사해용 알려주신 방법으로 적용해볼께요 ^^
n
nanati
8년 전
@Rido 야호 멋쟁이~ 감사합니다 ~ ㅎㅎㅎ 요거요거 여러가지로 써먹을 수 있을 것 같네요 히힛
R
Rido
8년 전
@nanati 간단한 코드라 주석처리는 하지 않았습니다.
n
nanati
8년 전
@Rido 네 충분합니다 ^^ 감사합니다 ㅋㅋ 이제 페이드인,아웃 시키는 것만 검색해서 넣으면 될 것 같습니다
홍홍~ 멋쟁이 쵝오!
n
nanati
8년 전
@Rido 헉 ㅋㅋ 맹점이 생겼네요... 완전히 똑같은 내용이 여러개 나열되었다고 제가 잘못표현했네요-_ -;;;
안에 텍스트 내용은 다른 박스... 여러개 였어요 ㅠ
같은 박스만 계속 추가되게 되는군요...

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인