如何從.js.erb文件打開帶有頁面內容的Fancybox模式窗口

我有一個使用Ajax提交的表單。如何從.js.erb文件打開帶有頁面內容的Fancybox模式窗口

我想通過在js.erb文件中打開一個Fancybox模式窗口來做出響應。

我該怎麼做，並將內容加載到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模式窗口

回答

相關問題