2013-06-25 1 views
1

안녕하세요 저는 leanModal.js 스크립트를 사용하려고합니다. JQuery에 대한 지식이 없기 때문에 답변을 드릴 수도있는 제 질문에 뭔가를 남기고있을 수도 있습니다. 윈도우 내가 그것을 http://leanmodal.finelysliced.com.au/#의 예와 같이 닫기 버튼을 보여 얻기 위해 노력하고 있어요하지만 난 이것에 대해 이동하는 방법을 잘 모르겠습니다LeanModal Close Button Rails

$("#new_playlist_add").leanModal({ closeButton: ".modal_close" }); 

을 수행 할 때 팝업?

+0

죄송합니다.하지만 질문이 명확하지 않습니다. 작동하는지 또는 작동하지 않는지? – zekus

+0

작동하지만 http://leanmodal.finelysliced.com.au/#에 버전과 같은 닫기 버튼을 포함하려고 시도하지만 작동하지 않습니다. $ ("# new_playlist_add"). leanModal ({top : 200, overlay : 0.4, closeButton : ".modal_close"}); 버튼이 포함되어야합니까? – user2520760

+0

아니요, '# new_playlist_add' 요소 내에 직접 버튼을 포함시켜야 할 것 같습니다. –

답변

1

모달에 .modal_close 클래스의 요소를 추가해야하는 것처럼 보입니다. 그런 다음 그것을 클릭하면 모달이 닫힙니다.

<div id="signup" style="display: none; position: fixed; opacity: 1; z-index: 11000; left: 50%; margin-left: -202px; top: 200px;"> 
    <a class="modal_close" href="#">Close</a> 
    <p> Hello world</p> 
</div> 

중요한 부분은 당신이 모델을 시작할 때 사용자가 지정한대로 모달가 같은 클래스 요소를 가질 필요가 있다는 것입니다 :

여기에 자신의 사이트에서 예제의 일부입니다. 당신은 이것을 필요로합니다 :

<a class="modal_close" href="#">Close me!</a> 
+0

예를 들어 주셔서 감사합니다. – user2520760

+0

'modal_close'가 아니며 '모달 닫기'입니다. –

0

모달 안에 닫기 버튼의 링크를 만들어야합니다.

<a href="#" class="modal-close" >Close modal</a> 

그것은 leanModal() 기능에 의해 생성 된 모달을 닫습니다.