如何使用JQuery点击后隐藏iframe？

发布于 2024-11-05 21:29:43 字数 812 浏览 0 评论 0原文

我正在尝试设置一个简单的面板，通过外部 iframe 跟随鼠标移动。我想在点击后隐藏它。到目前为止我所得到的：

<div id="wrapper45" onclick="hideitnow(this)" style="position: absolute; opacity: 0.5; filter: alpha(opacity = 50); margin-left: -50px; z-index: 100;"> 
    <script src="thescriptthatcallstheframe"></script>
</div> 
<script type="text/javascript"> 
    jQuery( document ).ready( function() {
        $( "#link" ).mousemove( function( e ) {
            $( '#wrapper45' ).css( {
                top: e.pageY - 50,
                left: e.pageX + 25
            } );
        } );
    } )
</script>

hideitnow 函数：

有谁知道为什么它不起作用！？提前谢谢！

原文

im trying to setup a simple panel that follows the mouse movements with an external iframe. And i want to hide it after its clicked. What i've got so far:

<div id="wrapper45" onclick="hideitnow(this)" style="position: absolute; opacity: 0.5; filter: alpha(opacity = 50); margin-left: -50px; z-index: 100;"> 
    <script src="thescriptthatcallstheframe"></script>
</div> 
<script type="text/javascript"> 
    jQuery( document ).ready( function() {
        $( "#link" ).mousemove( function( e ) {
            $( '#wrapper45' ).css( {
                top: e.pageY - 50,
                left: e.pageX + 25
            } );
        } );
    } )
</script>

the hideitnow function:

<script type="text/javascript"> function hideitnow(elem){ document.getElementById(elem).style.display = 'none'; } </script>

does anyone have a clue why its not working!?
thx in advance!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我的痛♀有谁懂 2024-11-12 21:29:43

<script type="text/javascript"> 
    $(function() {
        $("#link").mousemove(function(e) {
            $('#wrapper45').css({
                top: e.pageY - 50,
                left: e.pageX + 25
            });
        });
        $('#wrapper45').live('click', function() {
            $(this).css({display: 'none'});
        });
    });
</script>

<script type="text/javascript"> 
    $(function() {
        $("#link").mousemove(function(e) {
            $('#wrapper45').css({
                top: e.pageY - 50,
                left: e.pageX + 25
            });
        });
        $('#wrapper45').live('click', function() {
            $(this).css({display: 'none'});
        });
    });
</script>

回复收藏 0 原文

~没有更多了~