.js.erb 파일의 페이지 내용으로 Fancybox 모달 창을 열 수있는 방법

Ajax와 함께 제출하는 양식이 있습니다..js.erb 파일의 페이지 내용으로 Fancybox 모달 창을 열 수있는 방법

js.erb 파일 내에서 Fancybox Modal 창을 열어서 응답하고 싶습니다.

이 작업을 수행하고 콘텐츠를 fancybox에로드하려면 어떻게해야합니까?

미리 감사드립니다.

2011-09-08 chell

<head> 
    <script src="jquery-1.4.4.min.js" type="text/javascript"></script> 
    <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
    <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" /> 

    <script type="text/javascript"> 
    $(function() { //JQuery page onload 

     divtoshow = '<div style="height: 250px; width: 400px;">' 
      + '<h2>Modal Fancybox</h2>' 
      + 'This is my message' 
      + '<br /><br /><input type="button" value="Close" onclick="javascript:$.fancybox.close();" />' 
      + '</div>'; 

     //Show fancybox 
     $.fancybox(
      divtoshow, 
      { 
       'modal'  : true 
       , 'height' : 250 
       , 'width' : 400 
      } 
     ); 

    }); //JQuery page onload 
    </script> 
</head>

출처

2011-09-09 18:29:29 SushiGuy

감사합니다. SushiGuy. 제 생각에는 코드의 일부만을 .js.erb 파일에 넣을 수 있습니다. – chell

.js.erb 파일의 페이지 내용으로 Fancybox 모달 창을 열 수있는 방법

답변

관련 문제