如何保留IFrame功能?

时间:2011-11-29 22:37:43

标签: javascript jquery iframe

我有一个带有div的IFrame。我试图跟踪div的点击次数。这有效。唯一的问题是Iframe功能不再起作用了吗?我怎样才能做到这一点?有可能吗?

HTML

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="Head1" runat="server"> 
    <title></title> 
    <style> 
        #mydiv 
        { 
            height: 300px; 
            width: 300px; 
            border: 1px solid; 
        } 

        #clickerDiv  
        { 
            height: 300px; 
            position: absolute; 
            width: 300px; 
            z-index:222;
        } 
    </style> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script>

        $(function () {
            var clicks = 0;
            $('#mydiv').bind('click', function (e) {
                clicks++;
                $("#numberclicks").html(clicks);
                return true;
            });
        }); 

    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
        <span id="numberclicks">0</span> 
        <div id="mydiv"> 
            <div id="clickerDiv">
              </div> 
            <iframe id="myframe" src="http://www.jquery.com" width="300" height="300" /> 

        </div> 
    </div> 
    </form> 
</body> 
</html> 

1 个答案:

答案 0 :(得分:0)

您的div是iframe的对等方,并且具有明确高的z顺序,它掩盖了iframe。你想让div透明吗?

我很好奇这是为了什么 - 它看起来像是一个点击劫持实现。