2013-06-06 3 views
0

링크를 클릭하여 모달 창을 열 수있는 jQuery 라이브러리가 하나 있습니다. 요점은 링크를 클릭하지 않고 창을 열고 싶다는 것입니다. 조금 이상하다는 것을 알고 있습니다 만, 트리거 링크 (모달 라이브러리에 대한 참조가있는 곳)없이 모달 을 호출 할 수 있습니다?링크가없는 클릭 이벤트를 트리거하십시오.

업데이트 : 내가

<script type="text/javascript"> 
    $(function() { 
     $('a[rel*=leanModal]').leanModal({ top : 100, closeButton: ".modal_close"});   
    }); 
</script> 

... 
<!-- a rel="leanModal" href="#modal" name="modal">Link</a --> 
... 

<script type="text/javascript"> 
    $('#modal').click(); 
</script> 
<div id="modal"> 
</div> 

모달 DIV에 대한 참조 링크에 있지만 나는 그 링크를 필요는 없습니다 테스트 한이 작성되지 않습니다 무엇.

참조 : leanModal.js

+0

http://api.jquery.com/trigger/ –

+1

Google의 * 정확한 * 질문 제목을 읽고 처음 몇 가지 결과를 읽으십시오. – Blender

+0

@ 블렌더 내가 해냈지만 나에게 도움이되지 못했다. 고맙습니다. – Spacemonkey

답변

3

그냥 당신이 원하는 링크를 클릭 트리거합니다.

$(".myLink").trigger('click'); // or: 
$(".myLink").click(); 

편집 : 귀하의 질문에 당신은 잘못된 처리기를 사용하고 있습니다. $("modal")<modal> 요소를 찾습니다. $('#modal')을 찾고 있습니다.

링크없이 대화 상자를 팝업으로 표시하려면 CSS 또는 스타일 속성에서 display: none을 사용하여 숨김으로 설정 한 다음 어쨌든 코드를 통해 트리거 할 수 있어야합니다.

또는 유연성을 높이기 위해 Fancybox을 사용할 수 있으며 특정 링크에 연결하지 않고 대화 상자를 사용하는 방법에 대해 더 많이 개방되어 있으며 내부 요소와 트리거 방법을 결정할 수 있습니다.

+0

또는 triggerHandler() –

+0

또는 일부 아약스로드 물건이있는 경우 : $ (". myElement"). live ("click", function() {}); –

+0

@roasted 멋지다. 나는 그 하나에 대해 모른다. – casraf