웹디초보
105
2019-09-03 19:43:58 작성 2019-09-03 19:49:42 수정됨
1
2360

jquery slide함수 관련 질문 있습니다.


제가 jquery로 슬라이드를 만들고있는데 slide함수문젠지 아님 버튼이 잘못됬는지 도저히 넘어가지가 않습니다,,,제발 도와주세요ㅠㅠㅠ

// app.js
const dd = console.log;
$(function(){

	$("#slider div div:nth-child(2)").html(`
		<img src="images/slide1.jpg" />
		<img src="images/slide2.jpg" />
		<img src="images/slide3.jpg" />
		`);
	$("#slider div div:nth-child(2)").css({
		display: "flex",
		overflow: "hidden"
	});
	$("#slider div div:first-child").html(`
		<button id="back">〈</button>
		`)
	$("#slider div div:nth-child(3)").html(`
		<button id="next">〉</button>
		`)
	$("#slider div div:nth-child(1) button").css({
		width: "52px",
		height: "52px",
		background: "white",
		border: "none",
		color: "gray",
		fontSize: "40px"
	});
	$("#slider div div:nth-child(3) button").css({
		width: "52px",
		height: "52px",
		background: "white",
		border: "none",
		color: "gray",
		fontSize: "40px"
	});
	var count = 0;
	$("#back").on("click", function() {
		if (count == 0) {
			count = 2;
		} else {
			count--;
		}
		slide();
	});
	$("#next").on("click", function() {
		if (count >= 2) {
			count = 0;
		} else {
			count++;
		}
		slide();
	});

	function slide() {}
		$("#slide div div:nth-child(2) img:first-child").css({
			marginLeft: count * 701
		});
});

자바스크립트 부분입니다

<section id="slider"><div>
      <div></div>
      <div></div>
      <div></div>
      <span class="c"></span>
</div></section>

html 레이아웃입니다.

0
  • 답변 1

  • hhj
    1k
    2019-09-04 09:21:43

    #slider div 이부분부터 length 찍어가면서 제대로 찾는지 확인해보세요.

    제대로 못찾는다면 find함수로 바꿔보세요

  • 로그인을 하시면 답변을 등록할 수 있습니다.