채택완료

영역바깥 클릭시 닫히기

2019-07-23 (화) 10:13:56 1,972

펼친 책으로 친다면 왼쪽이 슬라이딩 패널이고 오른쪽이 현재 페이지인데요....

<script>
$(document).mouseup(function (e) {

// 바깥 클릭시 닫히기

var container = $("#left-panel");

if (!container.is(e.target) && container.has(e.target).length === 0){

  $.panelslider.close();

}    

});

</script>

위 코드가 슬라이딩패널(#left-panel") 바깥 클릭시 닫힙니다. 

그런데 그것도 조금 불편해서 우측의 현재 페이지의 <div  id="penal_close"></div> 이걸 클릭하면 닫히게 하고 싶습니다.

고수님 도움이 필요해요..

|

답변 1개 / 댓글 2개

채택된 답변
+20 포인트
Copy
<script>

$(document).ready(function (){

  $('#penal_close').click(function(){

   $.panelslider.close();

  });

});

</script>

이렇게 걔를 클릭했을때 닫히게하면되지않을까요

답변에 대한 댓글 2개

2019-07-23 (화) 17:57:11
아 감사합니다. 될거 같습니다.
2019-07-23 (화) 18:03:22
하틴님 감사합니다. 바로 적용했는데 너무 잘됩니다. 좋은 저녁되세요

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