当嵌套iframe和FrameSet使用时,Jquery颜色框弹出窗口无法与Firefox一起使用

时间:2015-09-09 07:04:12

标签: javascript jquery html asp.net colorbox

我已经使用了jquery颜色框弹出,可以正常使用Google Chrome但无法使用Firefox。

我有3页 Default.aspx,Default2.aspx& Default3.aspx

Default3.aspx嵌套在Default2.aspx中,Default2.aspx嵌套在Default.aspx中。

完整的源代码如下:

Default.aspx的

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<frameset rows="50,*" frameborder="NO" border="0">      
    <frame src="Default2.aspx" name="frameCV" marginwidth="0" marginheight="0" 
     scrolling="AUTO" noresize="noresize">
 </frameset>
 </html>

Default2.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"><title></title></head>
<body>
    <table style="width:100%">
        <tr>
            <td>
                <iframe src="Default3.aspx" style="width:800px;height:500px; "></iframe>
            </td>
        </tr>
    </table>

</body>
</html>

Default3.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.colorbox.js"></script>
    <script type="text/javascript">
        function fn_openPopUp(url) {
            $.colorbox({ href: url, width: "80%", height: "80%", iframe: true });
        }
    </script>
    <link rel="stylesheet" href="colorbox.css" type="text/css" />
</head>
<body>
    <form>
        <div>
            <img usemap="#P1" style="top:0px;left:0px;position:relative;" src="Reserved.png" border="0" />
            <map name="P1">
                <area tabindex="4" href="javascript:fn_openPopUp('http://dotnetschools.com/')" style="text-decoration:none;" target="_top" shape="poly"
                      coords="237,196,237,265,400,265,400,196" />
            </map>
        </div>
    </form>
</body>
</html>

现在我正在从谷歌浏览器浏览Default.aspx然后它工作正常,但没有使用Firexfox

0 个答案:

没有答案