1

jspフォームをfancyboxに入れようとしていますが、サイトは正常に機能しているので、ほとんどの構成が正しいことがわかります。また、画像を使用してサンプルテストを行いましたが、問題が発生しているフォームではうまく機能しました。下にコードがあります：

<%@ include file="/WEB-INF/jsp/include.jsp" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>


    <script type="text/javascript">
            <%@ include file="../js/lightbox/jquery.fancybox.pack.js"%>

    </script>


    <style>
            <%@ include file="../js/lightbox/jquery.fancybox.css" %>

    </style>    

  <script type="text/javascript">
        $(document).ready(function() {

            $(".fancybox").fancybox();
        });
    </script>


  <title><fmt:message key="title"/></title>



  </head>
  <body>
    <h1><fmt:message key="heading"/></h1>
    <p><fmt:message key="greeting"/></p>


    <a href="<c:url value="login.htm"/>">Login</a></br>



    <a href="<c:url value="officer_registration.htm"/>">Register</a></br>


    <a class="fancybox" href="officer_registration.htm">Light Box Registration</a></br>
    <a class="fancybox" href="http://en.gtwallpaper.com/fondecran/chiens/chiens_01.jpg" >dog</a>


   </body>
</html>
4

1 に答える 1

4

リンクにdata-fancybox-type="iframe"を追加します。これにより、通過したhrefを表示するiframeがfancybox内に配置されます。

于 2013-01-31T14:38:42.750 に答える