Question

我需要页面

一个Index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>index.html</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

 <script src="js/jquery.tools.min.js"></script>

   <script type="text/javascript">

   $(document).ready(function() {

                       $("#content").load("pages/nieuws.php");
     $("a[rel]").overlay({

      expose: 'darkred',
      effect: 'apple',

      onBeforeLoad: function() {

       // grab wrapper element inside content
       var wrap = this.getContent().find(".contentWrap");

       // load the page specified in the trigger
       wrap.load(this.getTrigger().attr("href"));
      }

     });
     });


// --></script>
</head>
<body>
<div id="content"></div>
</body>
</html>

我还有另一个负载页面nieuws.php

   <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Nieuws.php</title>

</head>
<body>
 <a href="pages/images/horeca1.jpg" rel="#overlay">
<img src="pages/images/horeca1.jpg" height="100" alt=""  border ="0"/>
</a>
</body>
</html>

我面临的问题我可以使用nieuws.php的叠加动作

Answer 1

基本上结束以下结构在语法上是错误的：

<!doctype html>
<html>
    <head></head>
    <body>
        <div>
            <!doctype html>
            <html>
                <head></head>
                <body>
                    <a><img></a>
                </body>
            </html>
        </div>
    </body>
</html>

换句话说，将nieuws.php更改为

<a href="pages/images/horeca1.jpg" rel="#overlay">
    <img src="pages/images/horeca1.jpg" height="100" alt=""  border ="0"/>
</a>

这样您最终会得到正确的HTML语法：

<!doctype html>
<html>
    <head></head>
    <body>
        <div>
            <a><img></a>
        </div>
    </body>
</html>

希望这有帮助。

在加载的页面jquery中使用action

1 个答案: