jquery - fancybox - jsp 不工作

Question

如何使用fancybox在jsp中显示弹出表单？我在我的 html 中使用了 fancybox，效果很好；但是我很难将它包含在我的jsp中。

我确保包含了 fancybox 库：

<script type="text/javascript" src="<c:url value="resouces/js/fancybox.js" />"></script>

在jsp正文中我有：

<a class="modal-popup" href="#modal-create-form"><span class="small-icons plus-icon"></span>New Form</a>    

<div id="modal-create-form" class="modal-inline">Create Form</div>

如果我单击该链接，“创建表单”将显示我的 html，而不是我的 jsp。

Answer 1

确保你被包括在内fancybox.js。

$(document).ready(function(){
   $(".modal-popup").fancybox({

   });
});

演示