0

您好，我有几个问题。我正在尝试让我的可点击 div 链接制作一个带有内部链接的 div 弹出窗口，同时在侧面也有关于 div 内部链接的信息。

<html>
<title>lc</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<div class="screen">
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head><body>
<div class="left_index"><p><a href="http:/l_c/index.php">lc</a></p></div>
<?php
echo('<iframe src="' . $mysquaresarray[$randomno] . '" width="700" height="709" align="center" frameBorder="0"></iframe>');
?>

我的CSS是

.screen{
            position:absolute;
            width:800px;
            height:800px;

    }

    .left_index{
            position:relative;
            top:20px;
            left:80px;
            font-family: Futura, Optima, sans-serif; 
            font-size:30px; 
            margin:0px 0px, 0px,0px; 
            font-weight: thin; 
            }

以下是输入 iframe 的示例：

#four{  
                bottom: 175px;
                left: 300px;
                height:90px;
                width:90px;
                    }
            #four a {
            display: block;
               height:90px;
               width:90px;
        }

        #five{
                bottom: 100px;
                left: 150px;
                height:90px;
                width:90px;
            }
            #five a {
            display: block;
               height:90px;
               width:90px;
        }


    <div id="four"><a href="/course/s12pudt_2101e/projects/holden/Project5a/WEC.php" target="_blank" display:block;></a> </div>
    <div id="five"></div>
    </div>
    <div class="fivetwo"><a href="http://www.youtube.com/watch?v=xqca9uKPeSg&feature=endscreen&NR=1" target="_blank"         display:block;></a> </div>
    </body>
        </html>

非常感谢。iframe 内部是随机分类的 html 页面。html 页面都包含可点击的 div。我想单击这些 div 并将其链接到 div 内的弹出窗口的 html 页面，并有另一个 div 弹出窗口，其中包含有关页面的信息。

编辑：我将如何开始为此编写代码？我按照教授的建议使用了 slideToggle 函数，但我不确定如何让它在 iframe 内的 div 链接中工作。谁能帮我做到这一点？我该怎么做

4

1 回答 1

-1 
$.get( "urlpath/test.html", function( data ) {
  $( ".resultdiv" ).html( data ); 
});

对于跨源请求：

 $.ajax({
    crossOrigin: true,
    url: url,
    success: function(data) {
      $( ".resultdiv" ).html( data );
    }
});
于 2016-02-21T08:45:25.020 回答